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 testzerur bolanda täzeden düzüň.
scss/_variables.scssBootstrap 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-radiusDürli komponentlerde öňünden kesgitlenen stilleri üpjün edýär. |
$enable-shadows |
trueýa-da false(gaýybana) |
box-shadowDürli komponentlerde öňünden kesgitlenen bezeg stillerini üpjün edýär. box-shadowFokus ýagdaýlary üçin ulanylýanlara täsir etmeýär . |
$enable-gradients |
trueýa-da false(gaýybana) |
background-imageDürli komponentlerdäki stiller arkaly öňünden kesgitlenen gradiýentleri üpjün edýär. |
$enable-transitions |
true(default) ýa-dafalse |
transitionDü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-motionmedia talaplaryna mümkinçilik berýär . |
$enable-grid-classes |
true(default) ýa-dafalse |
.rowTor ulgamy (mysal üçin .col-md-1we ş.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-imagegiriş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 |
falseAý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 |
!importantPeý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 |