Bandakisa ya grille ya bootstrap

Ba layouts ya grille ya base pona ko mesana na kotonga na kati ya système ya grille Bootstrap.

Na bandakisa oyo .themed-grid-colkelasi ebakisami na makonzí mpo na kobakisa mwa thème. Oyo ezali classe te oyo ezali na Bootstrap par défaut.

Ba niveaux ya grille mitano

Ezali na ba niveaux mitano na système ya grille Bootstrap, moko mpo na gamme moko na moko ya ba appareils oyo tosungaka. Niveau moko na moko ebandi na bonene ya port ya botali ya moke mpe esalemaka automatiquement na ba appareils ya minene longola se soki elongolami.

.col-4
.col-4
.col-4
.col-sm-4 oyo ezali
.col-sm-4 oyo ezali
.col-sm-4 oyo ezali
.col-md-4 oyo ezali
.col-md-4 oyo ezali
.col-md-4 oyo ezali
.col-lg-4 oyo ezali
.col-lg-4 oyo ezali
.col-lg-4 oyo ezali
.kolo-xl-4
.kolo-xl-4
.kolo-xl-4
.col-xxl-4 oyo ezali
.col-xxl-4 oyo ezali
.col-xxl-4 oyo ezali

Makonzí misato ekokani

Zua ba colonnes misato ya bonene ekokani kobanda na ba bureaux mpe kosala échelle na ba bureaux ya minene . Na ba appareils mobiles, ba tablettes mpe na se, ba colonnes eko stack automatiquement.

.col-md-4 oyo ezali
.col-md-4 oyo ezali
.col-md-4 oyo ezali

Trois colonnes égales alternative

Na kosalelaka .row-cols-*bakelasi, okoki kosala grille oyo ezali na makonzí ekokani na pɛtɛɛ nyonso.

.colmwana ya .row-cols-md-3
.colmwana ya .row-cols-md-3
.colmwana ya .row-cols-md-3

Makonzí misato oyo ekokani te

Zua ba colonnes misato kobanda na ba bureaux mpe kosala échelle na ba bureaux ya minene ya ba largeurs ndenge na ndenge. Kobosana te, makonzí ya grille esengeli kobakisa kino zomi na mibale mpo na bloc horizontal moko. Koleka wana, mpe ba colonnes ebandi ko empiler ata na viewport.

.kol-md-3
.kolo-md-6
.kol-md-3

Makonzí mibale

Bozua ba colonnes mibale kobanda na ba bureaux pe ko échelle na ba bureaux ya minene .

.col-md-8 oyo ezali na kati
.col-md-4 oyo ezali

Largeur mobimba, colonne moko

Ba classes ya grille ezali na ntina te mpo na ba éléments ya largeur mobimba.


Makonzí mibale oyo ezali na makonzí mibale oyo ekangami na kati

Per documentation, nesting ezali facile —tia kaka molongo ya ba colonnes na kati ya colonne oyo ezali. Yango epesi yo makonzí mibale kobanda na ba bureaux mpe kosala échelle na ba bureaux ya minene , na mibale mosusu (bonene ekokani) na kati ya colonne ya monene.

Na ba taille ya ba appareils mobiles, ba tablettes na bas, ba colonnes oyo na ba colonnes na yango encastrées eko stack.

.col-md-8 oyo ezali na kati
.kolo-md-6
.kolo-md-6
.col-md-4 oyo ezali

Mixte: mobile na bureau

Système ya grille Bootstrap v4 ezali na ba niveaux mitano ya ba classes : xs (extra petite, infix ya classe oyo esalelamaka te), sm (moke), md (moyenne), lg (monene), na xl (extra grand). Okoki kosalela pene na kosangisa nyonso ya bakelasi oyo mpo na kosala ba layouts oyo ezali na bomoi mingi mpe oyo ekoki kobongwana.

Niveau moko na moko ya ba classes emati, elingi koloba soki ozali kokana kosala ba largeurs ndenge moko pona md, lg na xl, esengeli kaka o préciser md.

.col-md-8 oyo ezali na kati
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6
.kol-6

Esangisi: telefone ya mabɔkɔ, tablɛti, mpe ordinatɛrɛ ya mesa

.kol-sm-6 .kol-lg-8
.kol-6 .kol-lg-4
.kol-6 .kol-sm-4
.kol-6 .kol-sm-4
.kol-6 .kol-sm-4

Ba gouttières

Na .gx-*ba classes, ba gouttières horizontales ekoki ko ajuster.

.colna ba .gx-4gouttières
.colna ba .gx-4gouttières
.colna ba .gx-4gouttières
.colna ba .gx-4gouttières
.colna ba .gx-4gouttières
.colna ba .gx-4gouttières

Salelá ba .gy-*classes mpo na ko contrôler ba gouttières verticales.

.colna ba .gy-4gouttières
.colna ba .gy-4gouttières
.colna ba .gy-4gouttières
.colna ba .gy-4gouttières
.colna ba .gy-4gouttières
.colna ba .gy-4gouttières

Na .g-*ba classes, ba gouttières na ba direction nionso mibale ekoki ko ajuster.

.colna ba .g-3gouttières
.colna ba .g-3gouttières
.colna ba .g-3gouttières
.colna ba .g-3gouttières
.colna ba .g-3gouttières
.colna ba .g-3gouttières

Ba récipients

Ba classes ya kobakisa oyo ebakisami na Bootstrap v4.4 epesaka nzela na ba conteneurs oyo ezali na largeur 100% tii na point de rupture moko boye. v5 ebakisi esika ya sika ya xxlkobuka.

.conteneur ya biloko
.conteneur-sm
.conteneur-md oyo ezali na kati
.conteneur-lg
.conteneur-xl oyo ezali na kati
.eloko ya kobomba biloko-xxl
.eloko oyo ezali na kati ya mai