in English
Možnosti
Rychle přizpůsobte Bootstrap pomocí vestavěných proměnných pro snadné přepínání globálních předvoleb CSS pro ovládání stylu a chování.
Přizpůsobte si Bootstrap pomocí našeho vestavěného souboru vlastních proměnných a snadno přepínejte globální předvolby CSS pomocí nových $enable-*
proměnných Sass. Přepište hodnotu proměnné a npm run test
podle potřeby ji znovu zkompilujte.
Tyto proměnné můžete najít a přizpůsobit pro klíčové globální možnosti v scss/_variables.scss
souboru Bootstrap.
Variabilní | Hodnoty | Popis |
---|---|---|
$spacer |
1rem (výchozí) nebo jakákoli hodnota > 0 |
Určuje výchozí hodnotu mezerníku pro programové generování našich obslužných programů mezerníku . |
$enable-rounded |
true (výchozí) nebofalse |
Umožňuje předdefinované border-radius styly na různých komponentách. |
$enable-shadows |
true nebo false (výchozí) |
Umožňuje předdefinované dekorativní box-shadow styly na různých komponentách. Neovlivňuje box-shadow s používané pro stavy zaostření. |
$enable-gradients |
true nebo false (výchozí) |
Umožňuje předdefinované přechody prostřednictvím background-image stylů na různých komponentách. |
$enable-transitions |
true (výchozí) nebofalse |
Umožňuje předdefinované transition s na různých součástech. |
$enable-reduced-motion |
true (výchozí) nebofalse |
Povolí prefers-reduced-motion dotaz na média , který potlačí určité animace/přechody na základě preferencí prohlížeče/operačního systému uživatele. |
$enable-grid-classes |
true (výchozí) nebofalse |
Umožňuje generování tříd CSS pro systém mřížky (např .row . .col-md-1 , atd.). |
$enable-container-classes |
true (výchozí) nebofalse |
Umožňuje generování tříd CSS pro kontejnery rozvržení. (Novinka ve verzi 5.2.0) |
$enable-caret |
true (výchozí) nebofalse |
Povolí stříšku pseudoprvku na .dropdown-toggle . |
$enable-button-pointers |
true (výchozí) nebofalse |
Přidejte kurzor „ruka“ k nezakázaným prvkům tlačítka. |
$enable-rfs |
true (výchozí) nebofalse |
Globálně umožňuje RFS . |
$enable-validation-icons |
true (výchozí) nebofalse |
Povoluje background-image ikony v textových vstupech a některé vlastní formuláře pro stavy ověření. |
$enable-negative-margins |
true nebo false (výchozí) |
Umožňuje generování nástrojů pro zápornou marži . |
$enable-deprecation-messages |
true (výchozí) nebofalse |
Nastavte na , chcete- false li skrýt varování při použití některého ze zastaralých mixů a funkcí, jejichž odstranění je plánováno v v6 . |
$enable-important-utilities |
true (výchozí) nebofalse |
Povolí !important příponu v pomocných třídách. |
$enable-smooth-scroll |
true (výchozí) nebofalse |
Platí scroll-behavior: smooth globálně, s výjimkou uživatelů, kteří žádají omezení pohybu prostřednictvím prefers-reduced-motion dotazu na média |