Hjælpeprogrammer til layout

For hurtigere mobilvenlig og responsiv udvikling inkluderer Bootstrap snesevis af hjælpeklasser til visning, skjul, justering og afstand mellem indhold.

Ændringdisplay

Brug vores displayværktøjer til responsivt at skifte fælles værdier for displayejendommen. Bland det med vores gittersystem, indhold eller komponenter for at vise eller skjule dem på tværs af specifikke visningsporte.

Flexbox muligheder

Bootstrap 4 er bygget med flexbox, men ikke alle elementer er displayblevet ændret til display: flex, da dette ville tilføje mange unødvendige tilsidesættelser og uventet ændre nøglebrowseradfærd. De fleste af vores komponenter er bygget med flexbox aktiveret.

Hvis du har brug for at tilføje display: flextil et element, skal du gøre det med .d-flexeller en af ​​de responsive varianter (f.eks. .d-sm-flex). Du skal bruge denne klasse eller displayværdi for at tillade brugen af ​​vores ekstra flexbox-værktøjer til dimensionering, justering, afstand og mere.

Margin og polstring

Brug mellemrumsfunktionernemargin og til at kontrollere, hvordan elementer og komponenter er fordelt og dimensioneret. Bootstrap 4 inkluderer en skala på fem niveauer til afstandsværktøjer baseret på en værdistandardvariabel . Vælg værdier for alle visningsporte (f.eks. for ), eller vælg responsive varianter for at målrette mod specifikke visningsporte (f.eks. for at starte ved pausepunktet).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Skiftvisibility

Når skift displayikke er nødvendigt, kan du skifte visibilitytil et element med vores synlighedsværktøjer . Usynlige elementer vil stadig påvirke layoutet på siden, men er visuelt skjult for besøgende.