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 display
fastigheten. 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 display
har ändrats till display: flex
eftersom 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: flex
till ett element, gör det med .d-flex
eller en av de responsiva varianterna (t.ex. .d-sm-flex
). Du behöver den här klassen eller display
vä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-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Växlavisibility
När växling display
inte behövs kan du växla visibility
mellan ett element med våra synlighetsverktyg . Osynliga element kommer fortfarande att påverka layouten på sidan, men är visuellt dolda för besökare.