in English
alternativ
Anpassa snabbt Bootstrap med inbyggda variabler för att enkelt växla globala CSS-inställningar för kontroll av stil och beteende.
Anpassa Bootstrap med vår inbyggda anpassade variabelfil och växla enkelt globala CSS-inställningar med nya $enable-*Sass-variabler. Åsidosätt en variabels värde och kompilera om med npm run testefter behov.
Du kan hitta och anpassa dessa variabler för viktiga globala alternativ i Bootstraps scss/_variables.scssfil.
| Variabel | Värderingar | Beskrivning |
|---|---|---|
$spacer |
1rem(standard), eller valfritt värde > 0 |
Anger standardvärdet för spacer för att programmässigt generera våra spacer-verktyg . |
$enable-rounded |
true(standard) ellerfalse |
Aktiverar fördefinierade border-radiusstilar på olika komponenter. |
$enable-shadows |
trueeller false(standard) |
Möjliggör fördefinierade dekorativa box-shadowstilar på olika komponenter. Påverkar inte box-shadows som används för fokustillstånd. |
$enable-gradients |
trueeller false(standard) |
Aktiverar fördefinierade övertoningar via background-imagestilar på olika komponenter. |
$enable-transitions |
true(standard) ellerfalse |
Aktiverar fördefinierade transitions på olika komponenter. |
$enable-reduced-motion |
true(standard) ellerfalse |
Aktiverar prefers-reduced-motionmediefrågan , som undertrycker vissa animationer/övergångar baserat på användarnas webbläsare/operativsysteminställningar. |
$enable-grid-classes |
true(standard) ellerfalse |
Möjliggör generering av CSS-klasser för rutnätssystemet (t.ex. .row, .col-md-1, etc.). |
$enable-container-classes |
true(standard) ellerfalse |
Möjliggör generering av CSS-klasser för layoutbehållare. (Ny i v5.2.0) |
$enable-caret |
true(standard) ellerfalse |
Aktiverar pseudoelement caret på .dropdown-toggle. |
$enable-button-pointers |
true(standard) ellerfalse |
Lägg till "hand"-markör till icke-inaktiverade knappelement. |
$enable-rfs |
true(standard) ellerfalse |
Globalt möjliggör RFS . |
$enable-validation-icons |
true(standard) ellerfalse |
Aktiverar background-imageikoner i textinmatningar och vissa anpassade formulär för valideringstillstånd. |
$enable-negative-margins |
trueeller false(standard) |
Möjliggör generering av verktyg för negativ marginal . |
$enable-deprecation-messages |
true(standard) ellerfalse |
Ställ in på för falseatt dölja varningar när du använder någon av de föråldrade mixinerna och funktionerna som är planerade att tas bort i v6. |
$enable-important-utilities |
true(standard) ellerfalse |
Aktiverar !importantsuffixet i verktygsklasser. |
$enable-smooth-scroll |
true(standard) ellerfalse |
Gäller scroll-behavior: smoothglobalt, förutom för användare som ber om minskad rörelse genom prefers-reduced-motionmediefråga |