Bandakisa ya grille ya bootstrap

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

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

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

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), 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 xs na sm, esengeli kaka o préciser xs.

.kol-12 .kol-md-8
.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-12 .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