in English
Optionen
Passen Sie Bootstrap schnell mit integrierten Variablen an, um globale CSS-Einstellungen zur Steuerung von Stil und Verhalten einfach umzuschalten.
Passen Sie Bootstrap mit unserer integrierten benutzerdefinierten Variablendatei an und schalten Sie mit neuen $enable-*Sass-Variablen einfach zwischen globalen CSS-Einstellungen um. Überschreiben Sie den Wert einer Variablen und kompilieren Sie mit npm run testnach Bedarf.
scss/_variables.scssSie können diese Variablen für wichtige globale Optionen in der Bootstrap- Datei finden und anpassen .
| Variable | Werte | Beschreibung |
|---|---|---|
$spacer |
1rem(Standard) oder ein beliebiger Wert > 0 |
Gibt den Standardwert für den Abstandshalter an, um unsere Abstandshalter-Dienstprogramme programmgesteuert zu generieren . |
$enable-rounded |
true(Standard) oderfalse |
Aktiviert vordefinierte border-radiusStile für verschiedene Komponenten. |
$enable-shadows |
trueoder false(Standard) |
Aktiviert vordefinierte Dekorationsstile box-shadowfür verschiedene Komponenten. Beeinflusst nicht box-shadows, die für Fokuszustände verwendet werden. |
$enable-gradients |
trueoder false(Standard) |
Ermöglicht vordefinierte Farbverläufe über background-imageStile auf verschiedenen Komponenten. |
$enable-transitions |
true(Standard) oderfalse |
Aktiviert vordefinierte transitions auf verschiedenen Komponenten. |
$enable-reduced-motion |
true(Standard) oderfalse |
Aktiviert die prefers-reduced-motionMedienabfrage , die bestimmte Animationen/Übergänge basierend auf den Browser-/Betriebssystemeinstellungen des Benutzers unterdrückt. |
$enable-grid-classes |
true(Standard) oderfalse |
Ermöglicht die Generierung von CSS-Klassen für das Grid-System (zB .row, .col-md-1, etc.). |
$enable-container-classes |
true(Standard) oderfalse |
Ermöglicht die Generierung von CSS-Klassen für Layout-Container. (Neu in v5.2.0) |
$enable-caret |
true(Standard) oderfalse |
Aktiviert das Pseudoelement Caret on .dropdown-toggle. |
$enable-button-pointers |
true(Standard) oderfalse |
Hinzufügen eines „Hand“-Cursors zu nicht deaktivierten Schaltflächenelementen. |
$enable-rfs |
true(Standard) oderfalse |
Aktiviert RFS global . |
$enable-validation-icons |
true(Standard) oderfalse |
Aktiviert background-imageSymbole in Texteingaben und einigen benutzerdefinierten Formularen für Validierungsstatus. |
$enable-negative-margins |
trueoder false(Standard) |
Ermöglicht die Generierung negativer Margin-Utilities . |
$enable-deprecation-messages |
true(Standard) oderfalse |
Setzen Sie auf false, um Warnungen auszublenden, wenn Sie veraltete Mixins und Funktionen verwenden, die in entfernt werden sollen v6. |
$enable-important-utilities |
true(Standard) oderfalse |
Aktiviert das !importantSuffix in Utility-Klassen. |
$enable-smooth-scroll |
true(Standard) oderfalse |
Gilt scroll-behavior: smoothweltweit, außer für Benutzer, die eine reduzierte Bewegung durch prefers-reduced-motionMedienabfrage anfordern |