Verktyg för layout
För snabbare mobilvänlig och lyhörd utveckling inkluderar Bootstrap dussintals verktygsklasser för att visa, dölja, justera och sprida innehåll.
Skiftandedisplay
Använd våra visningsverktyg för att snabbt växla gemensamma värden för displayfastigheten. Blanda det med vårt rutsystem, innehåll eller komponenter för att visa eller dölja dem i specifika visningsportar.
Flexbox-alternativ
Bootstrap är byggd med flexbox, men inte alla element displayhar ändrats till display: flexeftersom detta skulle lägga till många onödiga åsidosättningar och oväntat ändra viktiga webbläsarbeteenden. De flesta av våra komponenter är byggda med flexbox aktiverad.
Om du behöver lägga display: flextill ett element, gör det med .d-flexeller en av de responsiva varianterna (t.ex. .d-sm-flex). Du behöver den här klassen eller displayvärdet för att tillåta användningen av våra extra flexbox-verktyg för dimensionering, justering, avstånd och mer.
Marginal och stoppning
Använd avståndsverktygenmargin och för att styra hur element och komponenter är fördelade och dimensionerade. Bootstrap inkluderar en skala med sex nivåer för avståndsverktyg, baserad på en standardvärdesvariabel . Välj värden för alla visningsportar (t.ex. för i LTR), eller välj responsiva varianter för att rikta in sig på specifika visningsportar (t.ex. för —i LTR— med början vid brytpunkten).padding 1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd
Växlavisibility
När växling displayinte behövs kan du växla visibilitymellan ett element med våra synlighetsverktyg . Osynliga element kommer fortfarande att påverka layouten på sidan, men är visuellt dolda för besökare.