Przejdź do głównej zawartości Przejdź do nawigacji w dokumentach

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-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 użyteczności.
$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