Preskočiť na hlavný obsah Preskočiť na navigáciu v dokumentoch
Check
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