Bootstrap 5.2 / Aanpassen

Opties

Pas Bootstrap snel aan met ingebouwde variabelen om globale CSS-voorkeuren voor stijl en gedrag eenvoudig te schakelen.

Pas Bootstrap aan met ons ingebouwde bestand met eigen variabelen en schakel globale CSS-voorkeuren eenvoudig met de nieuwe $enable-*-Sass-variabelen. Overschrijf de waarde van een variabele en compileer zo nodig opnieuw met npm run test.

Je vindt en past deze variabelen voor belangrijke globale opties aan in het bestand scss/_variables.scss van Bootstrap.

Variabele	Waarden	Omschrijving
`$spacer`	`1rem` (standaard), of elke waarde > 0	Bepaalt de standaard spacer-waarde om onze spacer-utilities programmatisch te genereren.
`$enable-rounded`	`true` (standaard) of `false`	Schakelt vooraf gedefinieerde `border-radius`-stijlen op diverse componenten in.
`$enable-shadows`	`true` of `false` (standaard)	Schakelt vooraf gedefinieerde decoratieve `box-shadow`-stijlen op diverse componenten in. Heeft geen invloed op `box-shadow`s die voor focus-states worden gebruikt.
`$enable-gradients`	`true` of `false` (standaard)	Schakelt vooraf gedefinieerde gradiënten via `background-image`-stijlen op diverse componenten in.
`$enable-transitions`	`true` (standaard) of `false`	Schakelt vooraf gedefinieerde `transition`s op diverse componenten in.
`$enable-reduced-motion`	`true` (standaard) of `false`	Schakelt de `prefers-reduced-motion`-media query in, die bepaalde animaties/transities onderdrukt op basis van de browser- of besturingssysteemvoorkeuren van de gebruiker.
`$enable-grid-classes`	`true` (standaard) of `false`	Schakelt het genereren van CSS-klassen voor het grid-systeem in (bijv. `.row`, `.col-md-1`, enz.).
`$enable-container-classes`	`true` (standaard) of `false`	Schakelt het genereren van CSS-klassen voor layout-containers in. (Nieuw in v5.2.0)
`$enable-caret`	`true` (standaard) of `false`	Schakelt het pseudo-element-pijltje op `.dropdown-toggle` in.
`$enable-button-pointers`	`true` (standaard) of `false`	Voegt een "handje"-cursor toe aan niet-uitgeschakelde knopelementen.
`$enable-rfs`	`true` (standaard) of `false`	Schakelt RFS globaal in.
`$enable-validation-icons`	`true` (standaard) of `false`	Schakelt `background-image`-iconen binnen tekstuele inputs en sommige eigen formulieren voor validatie-states in.
`$enable-negative-margins`	`true` of `false` (standaard)	Schakelt het genereren van utilities voor negatieve marges in.
`$enable-deprecation-messages`	`true` (standaard) of `false`	Zet op `false` om waarschuwingen te verbergen bij gebruik van verouderde mixins en functies die in `v6` verwijderd zullen worden.
`$enable-important-utilities`	`true` (standaard) of `false`	Schakelt het `!important`-achtervoegsel in utility-klassen in.
`$enable-smooth-scroll`	`true` (standaard) of `false`	Past `scroll-behavior: smooth` globaal toe, behalve voor gebruikers die via de `prefers-reduced-motion`-media query om minder beweging vragen