Hoppa till huvudinnehållet Hoppa till dokumentnavigering
Check
in English

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.