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.
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.
Bootstrap 4 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.
Benotzt d' margina padding Abstands-Utilities fir ze kontrolléieren wéi Elementer a Komponenten opgedeelt a Gréisst sinn. Bootstrap 4 enthält eng fënnef-Niveau Skala fir Ofstand Utilities, baséiert op engem 1remWäert Standard $spacerVariabel. Wielt Wäerter fir all Viewports (zB .mr-3fir margin-right: 1rem), oder wielt reaktiounsfäeger Varianten fir spezifesch Viewports ze zielen (zB .mr-md-3fir margin-right: 1remum mdBreakpoint ze starten).
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.