in English
Opcje
Szybko dostosuj Bootstrap za pomocą wbudowanych zmiennych, aby łatwo przełączać globalne preferencje CSS w celu kontrolowania stylu i zachowania.
Dostosuj Bootstrap za pomocą naszego wbudowanego pliku zmiennych niestandardowych i łatwo przełączaj globalne preferencje CSS za pomocą nowych $enable-*zmiennych Sass. Zastąp wartość zmiennej i ponownie skompiluj ją npm run testw razie potrzeby.
Możesz znaleźć i dostosować te zmienne dla kluczowych opcji globalnych w scss/_variables.scsspliku Bootstrap.
| Zmienny | Wartości | Opis |
|---|---|---|
$spacer |
1rem(domyślnie) lub dowolna wartość > 0 |
Określa domyślną wartość odstępnika, aby programowo generować nasze narzędzia odstępnika . |
$enable-rounded |
true(domyślnie) lubfalse |
Włącza predefiniowane border-radiusstyle na różnych komponentach. |
$enable-shadows |
truelub false(domyślnie) |
Włącza predefiniowane box-shadowstyle dekoracyjne na różnych komponentach. Nie wpływa na box-shadows używane do stanów skupienia. |
$enable-gradients |
truelub false(domyślnie) |
Włącza wstępnie zdefiniowane gradienty za pomocą background-imagestylów na różnych komponentach. |
$enable-transitions |
true(domyślnie) lubfalse |
Włącza predefiniowane transitions na różnych komponentach. |
$enable-reduced-motion |
true(domyślnie) lubfalse |
Włącza prefers-reduced-motionzapytanie o media , które blokuje określone animacje/przejścia na podstawie preferencji przeglądarki/systemu operacyjnego użytkownika. |
$enable-grid-classes |
true(domyślnie) lubfalse |
Umożliwia generowanie klas CSS dla systemu grid (np .row. , .col-md-1, itp.). |
$enable-container-classes |
true(domyślnie) lubfalse |
Umożliwia generowanie klas CSS dla kontenerów układu. (Nowość w v5.2.0) |
$enable-caret |
true(domyślnie) lubfalse |
Włącza karetkę pseudoelementu na .dropdown-toggle. |
$enable-button-pointers |
true(domyślnie) lubfalse |
Dodaj kursor „ręki” do niewyłączonych elementów przycisków. |
$enable-rfs |
true(domyślnie) lubfalse |
Globalnie włącza RFS . |
$enable-validation-icons |
true(domyślnie) lubfalse |
Włącza background-imageikony w tekstowych danych wejściowych i niektóre niestandardowe formularze dla stanów walidacji. |
$enable-negative-margins |
truelub false(domyślnie) |
Umożliwia generowanie narzędzi z ujemnym marginesem . |
$enable-deprecation-messages |
true(domyślnie) lubfalse |
Ustaw na falseukrywanie ostrzeżeń podczas korzystania z przestarzałych domieszek i funkcji, które mają zostać usunięte w programie v6. |
$enable-important-utilities |
true(domyślnie) lubfalse |
Włącza !importantsufiks w klasach narzędziowych. |
$enable-smooth-scroll |
true(domyślnie) lubfalse |
Ma zastosowanie scroll-behavior: smoothglobalnie, z wyjątkiem użytkowników proszących o ograniczenie ruchu za pomocą prefers-reduced-motionzapytania o media |