in English
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 test
indien 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) offalse |
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) offalse |
Maakt voorgedefinieerde transition s op verschillende componenten mogelijk. |
$enable-reduced-motion |
true (standaard) offalse |
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) offalse |
Maakt het genereren van CSS-klassen voor het rastersysteem mogelijk (bijv .row . , .col-md-1 , etc.). |
$enable-caret |
true (standaard) offalse |
Schakelt pseudo-elementcaret in op .dropdown-toggle . |
$enable-button-pointers |
true (standaard) offalse |
Voeg "hand"-cursor toe aan niet-uitgeschakelde knopelementen. |
$enable-rfs |
true (standaard) offalse |
Maakt wereldwijd RFS mogelijk . |
$enable-validation-icons |
true (standaard) offalse |
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) offalse |
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) offalse |
Schakelt het !important achtervoegsel in hulpprogrammaklassen in. |
$enable-smooth-scroll |
true (standaard) offalse |
Geldt scroll-behavior: smooth wereldwijd, behalve voor gebruikers die om minder beweging vragen via prefers-reduced-motion mediaquery |