Aspecte de bază ale grilei pentru a vă familiariza cu construcția în cadrul sistemului de grile Bootstrap.
În aceste exemple, .themed-grid-colclasa este adăugată la coloane pentru a adăuga unele tematice. Aceasta nu este o clasă care este disponibilă implicit în Bootstrap.
Sistemul de grilă Bootstrap are cinci niveluri, câte unul pentru fiecare gamă de dispozitive pe care le acceptăm. Fiecare nivel începe de la o dimensiune minimă a ferestrei de vizualizare și se aplică automat dispozitivelor mai mari, dacă nu este suprascris.
Obțineți trei coloane cu lățime egală, începând de la desktopuri și scalare la desktopuri mari . Pe dispozitivele mobile, tablete și mai jos, coloanele se vor stivui automat.
Obțineți trei coloane, începând de la desktopuri și scalare la desktopuri mari de diferite lățimi. Amintiți-vă, coloanele de grilă ar trebui să adună până la douăsprezece pentru un singur bloc orizontal. Mai mult decât atât, și coloanele încep să se stivuească indiferent de portul de vizualizare.
Obțineți două coloane începând de la desktopuri și scalare la desktopuri mari .
Nu sunt necesare clase de grilă pentru elementele cu lățime completă.
Conform documentației, imbricarea este ușoară - doar puneți un rând de coloane într-o coloană existentă. Acest lucru vă oferă două coloane, începând de la desktopuri și scalare la desktopuri mari , cu alte două (lățimi egale) în coloana mai mare.
La dimensiunile dispozitivelor mobile, tablete și în jos, aceste coloane și coloanele lor imbricate se vor stivui.
Sistemul de grilă Bootstrap v4 are cinci niveluri de clase: xs (foarte mic), sm (mic), md (mediu), lg (mare) și xl (foarte mare). Puteți utiliza aproape orice combinație a acestor clase pentru a crea aspecte mai dinamice și mai flexibile.
Fiecare nivel de clase crește, ceea ce înseamnă că dacă intenționați să setați aceleași lățimi pentru xs și sm, trebuie doar să specificați xs.