in English
možnosti
Rýchlo prispôsobte Bootstrap pomocou vstavaných premenných na jednoduché prepínanie globálnych preferencií CSS na ovládanie štýlu a správania.
Prispôsobte si Bootstrap pomocou nášho vstavaného súboru vlastných premenných a jednoducho prepínajte globálne preferencie CSS pomocou nových $enable-*
premenných Sass. Prepíšte hodnotu premennej a npm run test
podľa potreby ju prekompilujte.
Tieto premenné môžete nájsť a prispôsobiť pre kľúčové globálne možnosti v scss/_variables.scss
súbore Bootstrap.
Variabilné | hodnoty | Popis |
---|---|---|
$spacer |
1rem (predvolené) alebo akákoľvek hodnota > 0 |
Určuje predvolenú hodnotu medzerníka na programové generovanie našich pomôcok medzerníka . |
$enable-rounded |
true (predvolené) alebofalse |
Umožňuje preddefinované border-radius štýly na rôznych komponentoch. |
$enable-shadows |
true alebo false (predvolené) |
Umožňuje preddefinované dekoratívne box-shadow štýly na rôznych komponentoch. Nemá vplyv na box-shadow s používaný pre stavy zaostrenia. |
$enable-gradients |
true alebo false (predvolené) |
Umožňuje preddefinované prechody prostredníctvom background-image štýlov na rôznych komponentoch. |
$enable-transitions |
true (predvolené) alebofalse |
Umožňuje preddefinované transition s na rôznych komponentoch. |
$enable-reduced-motion |
true (predvolené) alebofalse |
Povolí prefers-reduced-motion dopyt na médiá , ktorý potláča určité animácie/prechody na základe preferencií prehliadača/operačného systému používateľa. |
$enable-grid-classes |
true (predvolené) alebofalse |
Umožňuje generovanie tried CSS pre mriežkový systém (napr .row . , .col-md-1 , atď.). |
$enable-container-classes |
true (predvolené) alebofalse |
Umožňuje generovanie tried CSS pre kontajnery rozloženia. (Novinka vo verzii 5.2.0) |
$enable-caret |
true (predvolené) alebofalse |
Povolí striešku pseudoprvku na .dropdown-toggle . |
$enable-button-pointers |
true (predvolené) alebofalse |
Pridajte kurzor „ruky“ k nezakázaným prvkom tlačidiel. |
$enable-rfs |
true (predvolené) alebofalse |
Globálne umožňuje RFS . |
$enable-validation-icons |
true (predvolené) alebofalse |
Povolí background-image ikony v rámci textových vstupov a niektorých vlastných formulárov pre stavy overenia. |
$enable-negative-margins |
true alebo false (predvolené) |
Umožňuje generovanie pomôcok so zápornou maržou . |
$enable-deprecation-messages |
true (predvolené) alebofalse |
Nastavte na false , ak chcete skryť varovania pri používaní ktoréhokoľvek zo zastaraných mixov a funkcií, ktorých odstránenie sa plánuje v v6 . |
$enable-important-utilities |
true (predvolené) alebofalse |
Povolí !important príponu v pomocných triedach. |
$enable-smooth-scroll |
true (predvolené) alebofalse |
Platí scroll-behavior: smooth globálne, s výnimkou používateľov, ktorí žiadajú o obmedzenie pohybu prostredníctvom prefers-reduced-motion mediálneho dopytu |