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.
Kobongwanadisplay
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.
Ba options ya Flexbox
Bootstrap 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.
Marge na padding
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 ezali na échelle ya niveau motoba mpo na ba utilitaires ya espacement, oyo esalemi na variable ya 1rem
valeur par défaut . $spacer
Pona ba valeurs pona ba viewports nionso (ndakisa, .me-3
pona margin-right: 1rem
na LTR), to pona ba variantes oyo ezo répondre pona ko cibler ba viewports spécifiques (ndakisa, .me-md-3
pona margin-right: 1rem
—na LTR— kobanda na md
point de rupture).
Toggle na esika na yangovisibility
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.