Utilities fir Layout
Fir méi séier mobilfrëndlech a reaktiounsfäeg Entwécklung enthält Bootstrap Dutzende vun Utilityklassen fir Inhalter ze weisen, ze verstoppen, ze alignéieren an ze späicheren.
Ännerendisplay
Benotzt eis Display-Utilities fir reaktiounsfäeg gemeinsam Wäerter vun der display
Immobilie ze wiesselen. Mix et mat eisem Gittersystem, Inhalt oder Komponenten fir se iwwer spezifesch Viewports ze weisen oder ze verstoppen.
Flexbox Optiounen
Bootstrap ass mat Flexbox gebaut, awer net all Element display
ass geännert ginn, display: flex
well dëst vill onnéideg Iwwerschreiden géif addéieren an onerwaart Schlësselbrowserverhalen änneren. Déi meescht vun eise Komponente si mat Flexbox aktivéiert gebaut.
Sollt Dir display: flex
un en Element derbäisetzen musst, maacht dat mat .d-flex
oder enger vun de reaktiounsfäeger Varianten (zB .d-sm-flex
). Dir braucht dës Klass oder display
Wäert fir d'Benotzung vun eisen extra Flexbox Utilities fir d'Gréisst, d'Ausrichtung, d'Distanz a méi z'erméiglechen.
Margin a Polsterung
Benotzt d' margin
a padding
Abstands-Utilities fir ze kontrolléieren wéi Elementer a Komponenten opgedeelt a Gréisst sinn. Bootstrap enthält eng sechs-Niveau Skala fir Ofstand Utilities, baséiert op engem 1rem
Wäert Standard $spacer
Variabel. Wielt Wäerter fir all Viewports (zB .me-3
fir margin-right: 1rem
am LTR), oder wielt reaktiounsfäeger Varianten fir spezifesch Viewports ze zielen (zB .me-md-3
fir margin-right: 1rem
-in LTR- ugefaang um md
Breakpoint).
Togglevisibility
Wann d'Toggling display
net gebraucht gëtt, kënnt Dir den visibility
Element mat eise Visibilitéits-Utilities wiesselen . Onsichtbar Elementer beaflossen nach ëmmer de Layout vun der Säit, awer si visuell verstoppt vu Besucher.