Dissenys bàsics de quadrícula per familiaritzar-vos amb la construcció dins del sistema de quadrícula Bootstrap.
En aquests exemples, la .themed-grid-colclasse s'afegeix a les columnes per afegir alguna temàtica. Aquesta no és una classe disponible a Bootstrap per defecte.
Hi ha cinc nivells al sistema de graella Bootstrap, un per a cada gamma de dispositius que admetem. Cada nivell comença amb una mida mínima de la finestra gràfica i s'aplica automàticament als dispositius més grans tret que se substitueix.
Obteniu tres columnes d'amplada igual que comencen als escriptoris i s'escalen a escriptoris grans . En dispositius mòbils, tauletes i a continuació, les columnes s'apilaran automàticament.
Obteniu tres columnes que comencen als escriptoris i s'escalen a escriptoris grans de diferents amplades. Recordeu que les columnes de la quadrícula haurien de sumar fins a dotze per a un sol bloc horitzontal. Més que això, i les columnes comencen a apilar-se sense importar la finestra gràfica.
Obteniu dues columnes que comencen als escriptoris i s'escalen a escriptoris grans .
No calen classes de quadrícula per als elements d'amplada completa.
Segons la documentació, la nidificació és fàcil: només cal que col·loqueu una fila de columnes dins d'una columna existent. Això us ofereix dues columnes que comencen als escriptoris i s'escalen a escriptoris grans , amb altres dues (amples iguals) dins de la columna més gran.
A les mides de dispositius mòbils, tauletes o inferiors, aquestes columnes i les seves columnes imbricades s'apilaran.
El sistema de quadrícula Bootstrap v4 té cinc nivells de classes: xs (extra petit), sm (petit), md (mitjan), lg (gran) i xl (extra gran). Podeu utilitzar gairebé qualsevol combinació d'aquestes classes per crear dissenys més dinàmics i flexibles.
Cada nivell de classes augmenta, és a dir, si teniu previst establir les mateixes amplades per a xs i sm, només heu d'especificar xs.