Wiesselt op den Haaptinhalt Wiesselt op d'Docs Navigatioun
Check
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