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 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 inkluderer en skala på seks niveauer til afstandsværktøjer, baseret på en værdistandardvariabel . Vælg værdier for alle visningsporte (f.eks. for i LTR), eller vælg responsive varianter for at målrette mod specifikke visningsporte (f.eks. for -i LTR-startende ved pausepunktet).padding 1rem$spacer.me-3margin-right: 1rem.me-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.