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) oder`false`	Aktiviert vordefinierte `border-radius`Stile für verschiedene Komponenten.
`$enable-shadows`	`true`oder `false`(Standard)	Aktiviert vordefinierte Dekorationsstile `box-shadow`für verschiedene Komponenten. Beeinflusst nicht `box-shadow`s, die für Fokuszustände verwendet werden.
`$enable-gradients`	`true`oder `false`(Standard)	Ermöglicht vordefinierte Farbverläufe über `background-image`Stile auf verschiedenen Komponenten.
`$enable-transitions`	`true`(Standard) oder`false`	Aktiviert vordefinierte `transition`s auf verschiedenen Komponenten.
`$enable-reduced-motion`	`true`(Standard) oder`false`	Aktiviert die `prefers-reduced-motion`Medienabfrage , die bestimmte Animationen/Übergänge basierend auf den Browser-/Betriebssystemeinstellungen des Benutzers unterdrückt.
`$enable-grid-classes`	`true`(Standard) oder`false`	Ermöglicht die Generierung von CSS-Klassen für das Grid-System (zB `.row`, `.col-md-1`, etc.).
`$enable-container-classes`	`true`(Standard) oder`false`	Ermöglicht die Generierung von CSS-Klassen für Layout-Container. (Neu in v5.2.0)
`$enable-caret`	`true`(Standard) oder`false`	Aktiviert das Pseudoelement Caret on `.dropdown-toggle`.
`$enable-button-pointers`	`true`(Standard) oder`false`	Hinzufügen eines „Hand“-Cursors zu nicht deaktivierten Schaltflächenelementen.
`$enable-rfs`	`true`(Standard) oder`false`	Aktiviert RFS global .
`$enable-validation-icons`	`true`(Standard) oder`false`	Aktiviert `background-image`Symbole in Texteingaben und einigen benutzerdefinierten Formularen für Validierungsstatus.
`$enable-negative-margins`	`true`oder `false`(Standard)	Ermöglicht die Generierung negativer Margin-Utilities .
`$enable-deprecation-messages`	`true`(Standard) oder`false`	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) oder`false`	Aktiviert das `!important`Suffix in Utility-Klassen.
`$enable-smooth-scroll`	`true`(Standard) oder`false`	Gilt `scroll-behavior: smooth`weltweit, außer für Benutzer, die eine reduzierte Bewegung durch `prefers-reduced-motion`Medienabfrage anfordern