in English
Opțiuni
Personalizați rapid Bootstrap cu variabile încorporate pentru a comuta cu ușurință preferințele globale CSS pentru a controla stilul și comportamentul.
Personalizați Bootstrap cu fișierul nostru de variabile personalizate încorporat și comutați cu ușurință preferințele globale CSS cu noile $enable-*variabile Sass. Suprascrieți valoarea unei variabile și recompilați-l npm run testdupă cum este necesar.
Puteți găsi și personaliza aceste variabile pentru opțiunile globale cheie în scss/_variables.scssfișierul Bootstrap.
| Variabil | Valori | Descriere |
|---|---|---|
$spacer |
1rem(implicit) sau orice valoare > 0 |
Specifică valoarea implicită de distanțiere pentru a genera în mod programatic utilitățile noastre de distanțiere . |
$enable-rounded |
true(implicit) saufalse |
Activează stiluri predefinite border-radiuspe diferite componente. |
$enable-shadows |
truesau false(implicit) |
Permite stiluri decorative predefinite box-shadowpe diferite componente. Nu afectează box-shadowcele utilizate pentru stările de focalizare. |
$enable-gradients |
truesau false(implicit) |
Activează gradienți predefiniti prin background-imagestiluri pe diferite componente. |
$enable-transitions |
true(implicit) saufalse |
Activează transitions-uri predefinite pe diferite componente. |
$enable-reduced-motion |
true(implicit) saufalse |
Activează prefers-reduced-motioninterogarea media , care suprimă anumite animații/tranziții bazate pe preferințele browserului/sistemului de operare ale utilizatorilor. |
$enable-grid-classes |
true(implicit) saufalse |
Permite generarea de clase CSS pentru sistemul grid (ex .row. , .col-md-1etc.). |
$enable-caret |
true(implicit) saufalse |
Activează simbolul pseudo-element pe .dropdown-toggle. |
$enable-button-pointers |
true(implicit) saufalse |
Adăugați cursorul „mână” elementelor butoanelor nedezactivate. |
$enable-rfs |
true(implicit) saufalse |
Activează global RFS . |
$enable-validation-icons |
true(implicit) saufalse |
Activează background-imagepictogramele în intrările de text și unele formulare personalizate pentru stările de validare. |
$enable-negative-margins |
truesau false(implicit) |
Permite generarea de utilități în marjă negativă . |
$enable-deprecation-messages |
true(implicit) saufalse |
Setați pentru falsea ascunde avertismentele atunci când utilizați oricare dintre mixurile și funcțiile depreciate care sunt planificate să fie eliminate în v6. |
$enable-important-utilities |
true(implicit) saufalse |
Activează !importantsufixul în clasele de utilitate. |
$enable-smooth-scroll |
true(implicit) saufalse |
Se aplică scroll-behavior: smoothla nivel global, cu excepția utilizatorilor care solicită mișcare redusă prin prefers-reduced-motioninterogare media |