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 testpodľa potreby ju prekompilujte.
Tieto premenné môžete nájsť a prispôsobiť pre kľúčové globálne možnosti v scss/_variables.scsssú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 |
truealebo false(predvolené) |
Umožňuje preddefinované dekoratívne box-shadowštýly na rôznych komponentoch. Nemá vplyv na box-shadows používaný pre stavy zaostrenia. |
$enable-gradients |
truealebo false(predvolené) |
Umožňuje preddefinované prechody prostredníctvom background-imageštýlov na rôznych komponentoch. |
$enable-transitions |
true(predvolené) alebofalse |
Umožňuje preddefinované transitions na rôznych komponentoch. |
$enable-reduced-motion |
true(predvolené) alebofalse |
Povolí prefers-reduced-motiondopyt 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-imageikony v rámci textových vstupov a niektorých vlastných formulárov pre stavy overenia. |
$enable-negative-margins |
truealebo 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í !importantpríponu v pomocných triedach. |
$enable-smooth-scroll |
true(predvolené) alebofalse |
Platí scroll-behavior: smoothglobálne, s výnimkou používateľov, ktorí žiadajú o obmedzenie pohybu prostredníctvom prefers-reduced-motionmediálneho dopytu |