Zum Hauptinhalt springen Zur Dokumentennavigation springen
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-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