Opties

Pas Bootstrap snel aan met ingebouwde variabelen om gemakkelijk te schakelen tussen algemene CSS-voorkeuren voor het regelen van stijl en gedrag.

Pas Bootstrap aan met ons ingebouwde bestand met aangepaste variabelen en schakel eenvoudig algemene CSS-voorkeuren in met nieuwe $enable-*Sass-variabelen. Overschrijf de waarde van een variabele en hercompileer met npm run testindien nodig.

U kunt deze variabelen vinden en aanpassen voor belangrijke globale opties in het bestand van Bootstrap scss/_variables.scss.

Variabele	Waarden	Beschrijving
`$spacer`	`1rem`(standaard), of een waarde > 0	Specificeert de standaard spacer-waarde om onze spacer-hulpprogramma's programmatisch te genereren .
`$enable-rounded`	`true`(standaard) of`false`	Maakt voorgedefinieerde `border-radius`stijlen op verschillende componenten mogelijk.
`$enable-shadows`	`true`of `false`(standaard)	Maakt voorgedefinieerde decoratieve `box-shadow`stijlen op verschillende componenten mogelijk. Heeft geen invloed op `box-shadow`s die worden gebruikt voor focusstatussen.
`$enable-gradients`	`true`of `false`(standaard)	Maakt voorgedefinieerde verlopen via `background-image`stijlen op verschillende componenten mogelijk.
`$enable-transitions`	`true`(standaard) of`false`	Maakt voorgedefinieerde `transition`s op verschillende componenten mogelijk.
`$enable-reduced-motion`	`true`(standaard) of`false`	Schakelt de `prefers-reduced-motion`mediaquery in, die bepaalde animaties/overgangen onderdrukt op basis van de browser-/besturingssysteemvoorkeuren van de gebruiker.
`$enable-grid-classes`	`true`(standaard) of`false`	Maakt het genereren van CSS-klassen voor het rastersysteem mogelijk (bijv `.row`. , `.col-md-1`, etc.).
`$enable-container-classes`	`true`(standaard) of`false`	Maakt het genereren van CSS-klassen voor lay-outcontainers mogelijk. (Nieuw in v5.2.0)
`$enable-caret`	`true`(standaard) of`false`	Schakelt pseudo-elementcaret in op `.dropdown-toggle`.
`$enable-button-pointers`	`true`(standaard) of`false`	Voeg "hand"-cursor toe aan niet-uitgeschakelde knopelementen.
`$enable-rfs`	`true`(standaard) of`false`	Maakt wereldwijd RFS mogelijk .
`$enable-validation-icons`	`true`(standaard) of`false`	Schakelt `background-image`pictogrammen in tekstinvoer en enkele aangepaste formulieren in voor validatiestatussen.
`$enable-negative-margins`	`true`of `false`(standaard)	Maakt het genereren van hulpprogramma's voor negatieve marges mogelijk .
`$enable-deprecation-messages`	`true`(standaard) of`false`	Stel in `false`op om waarschuwingen te verbergen bij het gebruik van een van de verouderde mixins en functies die gepland zijn om te worden verwijderd in `v6`.
`$enable-important-utilities`	`true`(standaard) of`false`	Schakelt het `!important`achtervoegsel in hulpprogrammaklassen in.
`$enable-smooth-scroll`	`true`(standaard) of`false`	Geldt `scroll-behavior: smooth`wereldwijd, behalve voor gebruikers die om minder beweging vragen via `prefers-reduced-motion`mediaquery