in English
Görnüş
Stil we özüni alyp barşyna gözegçilik etmek üçin global CSS saýlawlaryny aňsatlyk bilen üýtgetmek üçin gurlan üýtgeýjiler bilen Bootstrap-y çalt düzüň.
Içindäki üýtgeýän üýtgeýjiler faýlymyz bilen Bootstrap-y özüňiz düzüň we täze $enable-*
Sass üýtgeýjileri bilen global CSS saýlawlaryny aňsatlyk bilen üýtgediň. Üýtgeýjiniň bahasyny ýok ediň we npm run test
zerur bolanda täzeden düzüň.
scss/_variables.scss
Bootstrap faýlynda esasy global opsiýalar üçin bu üýtgeýjileri tapyp we sazlap bilersiňiz .
Üýtgeýji | Gymmatlyklar | Düşündiriş |
---|---|---|
$spacer |
1rem (gaýybana), ýa-da islendik baha> 0 |
Kosmos enjamlarymyzy programma taýdan döretmek üçin deslapky spacer bahasyny kesgitleýär . |
$enable-rounded |
true (default) ýa-dafalse |
border-radius Dürli komponentlerde öňünden kesgitlenen stilleri üpjün edýär. |
$enable-shadows |
true ýa-da false (gaýybana) |
box-shadow Dürli komponentlerde öňünden kesgitlenen bezeg stillerini üpjün edýär. box-shadow Fokus ýagdaýlary üçin ulanylýanlara täsir etmeýär . |
$enable-gradients |
true ýa-da false (gaýybana) |
background-image Dürli komponentlerdäki stiller arkaly öňünden kesgitlenen gradiýentleri üpjün edýär. |
$enable-transitions |
true (default) ýa-dafalse |
transition Dürli komponentlerde öňünden kesgitlenenleri işledýär . |
$enable-reduced-motion |
true (default) ýa-dafalse |
Ulanyjylaryň brauzeri / operasiýa ulgamy ileri tutmalaryna esaslanýan käbir animasiýalary / geçişleri basyp ýatyrýan prefers-reduced-motion media talaplaryna mümkinçilik berýär . |
$enable-grid-classes |
true (default) ýa-dafalse |
.row Tor ulgamy (mysal üçin .col-md-1 we ş.m.) üçin CSS synplaryny döretmäge mümkinçilik berýär . |
$enable-container-classes |
true (default) ýa-dafalse |
Salgy gaplary üçin CSS synplaryny döretmäge mümkinçilik berýär. (V5.2.0-de täze) |
$enable-caret |
true (default) ýa-dafalse |
Pseudo elementini ideg etmäge mümkinçilik berýär .dropdown-toggle . |
$enable-button-pointers |
true (default) ýa-dafalse |
Maýyp däl düwme elementlerine “el” kursory goşuň. |
$enable-rfs |
true (default) ýa-dafalse |
Global derejede RFS mümkinçilik berýär . |
$enable-validation-icons |
true (default) ýa-dafalse |
Tekst background-image girişleriniň içindäki nyşanlary we tassyklama ýagdaýlary üçin käbir ýörite formalary açýar. |
$enable-negative-margins |
true ýa-da false (gaýybana) |
Negativearamaz margin hyzmatlaryny döretmäge mümkinçilik berýär . |
$enable-deprecation-messages |
true (default) ýa-dafalse |
false Aýyrylmagy meýilleşdirilýän könelen garyndylary we funksiýalary ulananyňyzda duýduryşlary gizlemek üçin düzüň v6 . |
$enable-important-utilities |
true (default) ýa-dafalse |
!important Peýdaly sapaklarda goşulmany işledýär . |
$enable-smooth-scroll |
true (default) ýa-dafalse |
Mediýa talaplaryscroll-behavior: smooth arkaly hereketi azaltmagy soraýan ulanyjylardan başga dünýä derejesinde ulanylýarprefers-reduced-motion |