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 displayproprié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 4 etongami na flexbox, kasi te élément nionso ya displayebongwani na display: flexlokola 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: flexna élément moko, sala yango na .d-flexto moko ya ba variantes oyo ezo répondre (par exemple, .d-sm-flex). Okozala na mposa ya kelasi to displaymotuya 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 marginmpe 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 1remvaleur par défaut . $spacerPona motuya mpo na bisika nyonso ya botali (ndakisa, .mr-3mpo na margin-right: 1rem), to pona ba variantes oyo eyanolaka mpo na kopesa motuya na bisika ya botali ya sikisiki (ndakisa, .mr-md-3mpo margin-right: 1remna kobanda na esika ya mdbokati).

Toggle na esika na yangovisibility

Ntango toggling displayezali na ntina te, okoki ko toggle ya visibilityya 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.