Vés al contingut (premeu Retorn)

Continguts segons dispositiu

Voleu amagar continguts a mòbils perquè no hagin de carregar tota la pàgina o que una tauleta vegi alguna cosa que no veu una pantalla?

Dificultat Fàcil

Afegiu la classe per codi.

Classes filtrants

Afegint una simple classe podeu fer que un contingut es vegi en un dispositiu o no.

L'ús principal és el de treure informació redundant per al mòbil o continguts no adpaptats. No feu versions reduïdes de mòbil perquè els usuaris de mòbil volen rebre la mateixa informació que els d'escriptori de PC convencional.

ClasseMòbilsTauletesEscriptoris per defecte
.visible-phone Visible Amagat Amagat
.visible-tablet Amagat Visible Amagat
.visible-desktop Amagat Amagat Visible
.hidden-phone Amagat Visible Visible
.hidden-tablet Visible Amagat Visible
.hidden-desktop Visible Visible Amagat

Utilitzeu-ho en casos molt concrets i específics i eviteu crear versions diferents segons dispositiu. Ho heu d'emprar per complementar cada presentació en cada dispositiu.

Les utilitats responsives no s'han d'utilitzar en taules (les taules és millor no utilitzar-les gairbé mai) perquè no tenen suport per a això.