Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
Check
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