Ba utilitaires mpo na layout
Mpo na bokoli ya mbangu ya mobile-friendly mpe ya eyano, Bootstrap ezali na ebele ya ba classes ya utilitaires mpo na kolakisa, kobomba, ko aligner, mpe ko espacer ba contenus.
Salelá ba utilitaires na biso ya kolakisa mpo na kobongola na ndenge ya koyanola ba valeurs communes ya display
propriété. Sangisa yango na système na biso ya grille, makambo, to biloko mpo na kolakisa to kobomba yango na kati ya ba portes de vue ya sikisiki.
Bootstrap 4 etongami na flexbox, kasi te élément nionso ya display
ebongwani na display: flex
lokola oyo elingaki kobakisa ebele ya ba overrides inutiles mpe kobongola na mbalakaka ba comportements ya navigateur ya ba clés. Mingi ya ba composants na biso etongami na flexbox activé.
Soki esengeli obakisa display: flex
na élément moko, sala yango na .d-flex
to moko ya ba variantes oyo ezo répondre (par exemple, .d-sm-flex
). Okozala na mposa ya kelasi to display
motuya oyo mpo na kopesa nzela na kosalela ba utilitaires na biso ya flexbox ya likolo mpo na bonene, boyokani, esika, mpe mingi mosusu.
Salelá ba utilitaires ya margin
mpe padding
espacement mpo na ko contrôler ndenge nini ba éléments mpe ba composants ezali espacement mpe taille. Bootstrap 4 ezali na échelle ya niveau mitano mpo na ba utilitaires ya espacement, oyo esalemi na variable ya 1rem
valeur par défaut . $spacer
Pona motuya mpo na bisika nyonso ya botali (ndakisa, .mr-3
mpo na margin-right: 1rem
), to pona ba variantes oyo eyanolaka mpo na kopesa motuya na bisika ya botali ya sikisiki (ndakisa, .mr-md-3
mpo margin-right: 1rem
na kobanda na esika ya md
bokati).
Ntango toggling display
ezali na ntina te, okoki ko toggle ya visibility
ya element moko na ba utilitaires na biso ya visibilité . Ba éléments oyo emonanaka te ekozala kaka na bopusi na layout ya page, kasi ebombami na miso mpo na ba visiteurs.