Bootstrap Grid - Large Devices

Bootstrap Griglia Esempio: Dispositivi di grandi dimensioni

Nel capitolo precedente, abbiamo presentato un esempio di griglia con le classi per i dispositivi di piccole e medie dimensioni. Abbiamo usato due div (colonne) e abbiamo dato loro un 25%/75% per parti separate su dispositivi di piccole dimensioni, e una 50%/50% diviso su dispositivi media:

Ma su grandi dispositivi del disegno può essere meglio come 33%/66% diviso.

Suggerimento: i dispositivi di grandi dimensioni sono definiti come aventi una larghezza dello schermo da 1200 pixel e superiori.

Per i grandi dispositivi useremo i .col-lg-* classi.

Così ora aggiungeremo la larghezza delle colonne per grandi dispositivi:

Ora Bootstrap sta per dire "al piccolo formato, guarda classi con -sm- in loro e usare quelli. Al di medie dimensioni, guarda classi con -md- in loro e usare quelli. Alla grande formato, guarda classi con la parola -lg- in loro e usare quelli ".

Il seguente esempio si tradurrà in un 25%/75% diviso su piccoli dispositivi, un 50%/50% diviso su dispositivi media, e 33%/66% diviso su grandi dispositivi:

Utilizzando solo Grande

Nell'esempio che segue, si limita a specificare il .col-lg-6 classe (senza .col-md-* e / o .col-sm-* ). Ciò significa che le grandi dispositivi raggruppati 50% / 50%. Tuttavia, per i dispositivi di medie e piccole, si impilare in verticale (larghezza 100%):