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 test
nach Bedarf.
scss/_variables.scss
Sie 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-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) oderfalse |
Aktiviert vordefinierte transition s auf verschiedenen Komponenten. |
$enable-reduced-motion |
true (Standard) oderfalse |
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) 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-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) 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 !important Suffix in Utility-Klassen. |
$enable-smooth-scroll |
true (Standard) oderfalse |
Gilt scroll-behavior: smooth weltweit, außer für Benutzer, die eine reduzierte Bewegung durch prefers-reduced-motion Medienabfrage anfordern |