in English
Optiounen
Schnell personaliséiere Bootstrap mat agebaute Variablen fir einfach global CSS Virléiften ze wiesselen fir Stil a Verhalen ze kontrolléieren.
Personaliséiert Bootstrap mat eiser agebauter personaliséierter Variabeldatei a wiesselt einfach global CSS Virléiften mat neie $enable-*Sass Variablen. Iwwerschreift de Wäert vun enger Variabel a kompiléiert mat npm run testwéi néideg.
Dir kënnt dës Variablen fir Schlëssel global Optiounen an der Bootstrap scss/_variables.scssDatei fannen a personaliséieren.
| Variabel | Wäerter | Beschreiwung |
|---|---|---|
$spacer |
1rem(Standard), oder all Wäert > 0 |
Spezifizéiert den Default Spacer Wäert fir programmatesch eis Spacer Utilities ze generéieren . |
$enable-rounded |
true(Standard) oderfalse |
Aktivéiert virdefinéiert border-radiusStiler op verschidde Komponenten. |
$enable-shadows |
trueoder false(Standard) |
Erméiglecht virdefinéiert dekorative box-shadowStiler op verschidde Komponenten. Beaflosst net box-shadows benotzt fir Fokusstaaten. |
$enable-gradients |
trueoder false(Standard) |
Aktivéiert virdefinéiert Gradienten iwwer background-imageStiler op verschiddene Komponenten. |
$enable-transitions |
true(Standard) oderfalse |
Aktivéiert virdefinéiert transitions op verschidde Komponenten. |
$enable-reduced-motion |
true(Standard) oderfalse |
Aktivéiert d' prefers-reduced-motionMedienquery , déi verschidden Animatiounen/Iwwergäng ënnerdréckt baséiert op de Browser-/Betriebssystemvirstellungen vun de Benotzer. |
$enable-grid-classes |
true(Standard) oderfalse |
Aktivéiert d'Generatioun vun CSS Klassen fir de Gittersystem (zB .row, .col-md-1, etc.). |
$enable-container-classes |
true(Standard) oderfalse |
Aktivéiert d'Generatioun vun CSS Klassen fir Layoutbehälter. (Nei am v5.2.0) |
$enable-caret |
true(Standard) oderfalse |
Aktivéiert Pseudo Element Caret op .dropdown-toggle. |
$enable-button-pointers |
true(Standard) oderfalse |
Füügt "Hand" Cursor un net-behënnert Knäppchen Elementer. |
$enable-rfs |
true(Standard) oderfalse |
Globalt erméiglecht RFS . |
$enable-validation-icons |
true(Standard) oderfalse |
Aktivéiert background-imageIkonen bannent textuellen Inputen an e puer personaliséiert Forme fir Validatiounsstaaten. |
$enable-negative-margins |
trueoder false(Standard) |
Aktivéiert d'Generatioun vun negativ Margin Utilities . |
$enable-deprecation-messages |
true(Standard) oderfalse |
Setzt op falsefir Warnungen ze verstoppen wann Dir iergendeng vun den ofgeschniddene Mixins a Funktiounen benotzt, déi geplangt sinn an ze läschen v6. |
$enable-important-utilities |
true(Standard) oderfalse |
Aktivéiert de !importantSuffix an Utility Klassen. |
$enable-smooth-scroll |
true(Standard) oderfalse |
Gëllt scroll-behavior: smoothweltwäit, ausser fir Benotzer déi no reduzéierter Bewegung duerch prefers-reduced-motionMedienufro froen |