Hoppa till huvudinnehållet Hoppa till dokumentnavigering
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-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.