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 test
efter behov.
Du kan hitta och anpassa dessa variabler för viktiga globala alternativ i Bootstraps scss/_variables.scss
fil.
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-radius stilar på olika komponenter. |
$enable-shadows |
true eller false (standard) |
Möjliggör fördefinierade dekorativa box-shadow stilar på olika komponenter. Påverkar inte box-shadow s som används för fokustillstånd. |
$enable-gradients |
true eller false (standard) |
Aktiverar fördefinierade övertoningar via background-image stilar på olika komponenter. |
$enable-transitions |
true (standard) ellerfalse |
Aktiverar fördefinierade transition s på olika komponenter. |
$enable-reduced-motion |
true (standard) ellerfalse |
Aktiverar prefers-reduced-motion mediefrå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-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-image ikoner i textinmatningar och vissa anpassade formulär för valideringstillstånd. |
$enable-negative-margins |
true eller false (standard) |
Möjliggör generering av verktyg för negativ marginal . |
$enable-deprecation-messages |
true (standard) ellerfalse |
Ställ in på för false att 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 !important suffixet i verktygsklasser. |