Wiesselt op den Haaptinhalt Wiesselt op d'Docs Navigatioun
Check
in English

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 displayImmobilie 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 displayass geännert ginn, display: flexwell dëst vill onnéideg Iwwerschreiden bäidréit an onerwaart Schlësselbrowserverhalen änneren. Déi meescht vun eise Komponente si mat Flexbox aktivéiert gebaut.

Sollt Dir display: flexun en Element derbäisetzen musst, maacht dat mat .d-flexoder enger vun de reaktiounsfäeger Varianten (zB .d-sm-flex). Dir braucht dës Klass oder displayWä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' margina 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 1remWäert Standard $spacerVariabel. Wielt Wäerter fir all Viewports (zB .me-3fir margin-right: 1remam LTR), oder wielt reaktiounsfäeger Varianten fir spezifesch Viewports ze zielen (zB .me-md-3fir margin-right: 1rem-in LTR- ugefaang um mdBreakpoint).

Togglevisibility

Wann d'Toggling displaynet gebraucht gëtt, kënnt Dir den visibilityElement mat eise Visibilitéits-Utilities wiesselen . Onsichtbar Elementer beaflossen nach ëmmer de Layout vun der Säit, awer si visuell verstoppt vu Besucher.