Mine põhisisu juurde Jätke dokumentide navigeerimise juurde
Check
in English

Valikud

Kohandage Bootstrapi kiiresti sisseehitatud muutujatega, et stiili ja käitumise juhtimiseks hõlpsalt globaalseid CSS-i eelistusi vahetada.

Kohandage Bootstrapi meie sisseehitatud kohandatud muutujate failiga ja vahetage hõlpsalt globaalseid CSS-i eelistusi uute $enable-*Sassi muutujatega. Muutuja väärtuse tühistamine ja npm run testvajaduse korral uuesti kompileerimine.

Saate neid muutujaid Bootstrapi scss/_variables.scssfailist peamiste globaalsete valikute jaoks leida ja kohandada.

Muutuv Väärtused Kirjeldus
$spacer 1rem(vaikimisi) või mis tahes väärtus > 0 Määrab vahetüki vaikeväärtuse meie spaceri utiliitide programmiliseks genereerimiseks .
$enable-rounded true(vaikimisi) võifalse Lubab border-radiuserinevate komponentide eelmääratletud stiilid.
$enable-shadows truevõi false(vaikimisi) Lubab box-shadowerinevate komponentide eelmääratletud dekoratiivstiile. Ei mõjuta box-shadowfookusolekutes kasutatavat s.
$enable-gradients truevõi false(vaikimisi) background-imageLubab erinevate komponentide stiilide kaudu eelmääratletud gradiente .
$enable-transitions true(vaikimisi) võifalse Lubab eelmääratletud transitions erinevatel komponentidel.
$enable-reduced-motion true(vaikimisi) võifalse Lubab prefers-reduced-motionmeediumipäringu , mis blokeerib kasutaja brauseri/operatsioonisüsteemi eelistuste põhjal teatud animatsioonid/üleminekud.
$enable-grid-classes true(vaikimisi) võifalse Võimaldab ruudustikusüsteemi jaoks CSS-klasside genereerimist (nt .row, .col-md-1, jne).
$enable-container-classes true(vaikimisi) võifalse Võimaldab paigutuse konteinerite jaoks CSS-klasside genereerimise. (Uus versioonis 5.2.0)
$enable-caret true(vaikimisi) võifalse Lubab pseudoelemendi caret on .dropdown-toggle.
$enable-button-pointers true(vaikimisi) võifalse Lisage "käsi" kursor mittekeelatud nupuelementidele.
$enable-rfs true(vaikimisi) võifalse Lubab ülemaailmselt RFS-i .
$enable-validation-icons true(vaikimisi) võifalse Lubab background-imageikoonid tekstisisendites ja mõnedes kohandatud vormides valideerimisolekute jaoks.
$enable-negative-margins truevõi false(vaikimisi) Võimaldab genereerida negatiivse marginaaliga utiliite .
$enable-deprecation-messages true(vaikimisi) võifalse Seadistage olekusse, falseet peita hoiatused, kui kasutate mõnda aegunud miksini ja funktsiooni, mis on plaanis rakenduses eemaldada v6.
$enable-important-utilities true(vaikimisi) võifalse Lubab !importantjärelliide utiliidiklassides.
$enable-smooth-scroll true(vaikimisi) võifalse Kehtib scroll-behavior: smoothglobaalselt, välja arvatud kasutajatele, kes taotlevad prefers-reduced-motionmeediumipäringu kaudu vähendatud liikumist