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 4 ä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 4 inkluderar en femnivåskala för avståndsverktyg, baserad på en standardvärdesvariabel . Välj värden för alla visningsportar (t.ex. för ), eller välj responsiva varianter för att rikta in sig på specifika visningsområden (t.ex. för att börja vid brytpunkten).padding 1rem$spacer.mr-3margin-right: 1rem.mr-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 sidans layout, men är visuellt dolda för besökare.