Bootstrap Grid - Large Devices

Bootstrap Exemplu Grid: Aparate de mari dimensiuni

În capitolul anterior, am prezentat un exemplu grilă cu clase pentru dispozitive mici și mijlocii. Am folosit două divuri (columns) și le - am dat un 25%/75% divizat pe dispozitive mici, și 50%/50% divizat pe dispozitive medii:

Dar pe dispozitive mari de proiectare poate fi mai bine ca 33%/66% divizat.

Indicație: Dispozitivele mari sunt definite ca având o lățime de ecran de 1200 de pixeli și mai sus.

Pentru dispozitive mari , vom folosi .col-lg-* clase.

Deci, acum vom adăuga lățimile coloanelor pentru dispozitive de mari dimensiuni:

Acum Bootstrap va spune „la dimensiunea mică, uita - te la clase cu -sm- în ele și de a folosi cele. La marime medie, uita - te la clase cu -md- în ele și de a folosi cele. La mari dimensiuni, uita - te la clase cu cuvântul -lg- în ele și de a folosi acele“.

Următorul exemplu va avea ca rezultat o 25%/75% divizat pe dispozitive mici, un 50%/50% divizat pe dispozitive medii, și un 33%/66% divizat pe dispozitive mari:

Utilizarea Numai mari

In exemplul de mai jos, vom specifica doar .col-lg-6 clasa (without .col-md-* and/or .col-sm-* ) . Acest lucru înseamnă că dispozitivele mari vor împărți 50% / 50%. Cu toate acestea, pentru dispozitive mijlocii și mici, va stivă verticală (100% width) :