2015-04-24 7 views
11

Quindi .. alla ricerca online, vedo alcuni articoli recenti affermando che il punto di rottura xs è 480px e seguente .. altri .. Stato 767 e seguente ..punti di interruzione di bootstrap ... bisogno di qualche chiarimento 'xs sm md lg'

ho avuto la comprensione (probabilmente non corretta) che xs era per i telefoni (480px e sotto), .col-SM è per i tablet (480 px a 767px), ecc ..

Tuttavia, quando applico .hidden- xs - sembra nascondersi dove mi aspetterei che la mia vista tablet ... nella gamma da 480px a 767 ...

Che cosa sto facendo male qui?

Le colonne si agganciano allo stacking a 480px, ma le caratteristiche .hidden e .col-xs non sembrano cambiare a quella larghezza dello schermo.

Sto lavorando con un pazzo codice legacy, ma sono abbastanza sicuro di aver aggiornato l'ultima versione di bootstrap.

risposta

34

Il punto di interruzione xs gestisce effettivamente schermate da 767 pixel e inferiori. Le larghezze breakpoint sono i seguenti:

  • xs = 0-767 pixel
  • sm = 768-991 pixel
  • md = 992-1199 pixel
  • lg = 1200 pixel e fino

Vedi http://getbootstrap.com/css/#grid

prega di notare questa RISPOSTA E 'per la versione 3.0

+4

notare che questo è fissato in Bootstrap v4: XS è ora al 480px. Hanno anche aggiunto classi responsive più descrittive, ad es. '-Md-su' nascosto. Vedi documento di migrazione: http://v4-alpha.getbootstrap.com/migration/ –

+1

@ kitsu.eb Relativo alla [documentazione] (http://v4-alpha.getbootstrap.com/layout/grid/) è 544px , non 480px. – dude

Problemi correlati