in English
Opsyon
Byen vit personnaliser Bootstrap ak varyab entegre pou byen fasil chanje preferans CSS mondyal pou kontwole style ak konpòtman.
Pèsonalize Bootstrap ak dosye varyab koutim entegre nou an epi byen fasil chanje preferans CSS mondyal ak nouvo $enable-*
varyab Sass. Pase sou valè yon varyab epi rekonpile ak npm run test
jan sa nesesè.
Ou ka jwenn ak Customize varyab sa yo pou opsyon mondyal kle nan scss/_variables.scss
dosye Bootstrap la.
Varyab | Valè | Deskripsyon |
---|---|---|
$spacer |
1rem (default), oswa nenpòt ki valè > 0 |
Espesifye valè spacer default pou jenere sèvis piblik spacer nou yo . |
$enable-rounded |
true (default) oswafalse |
Pèmèt border-radius estil predefini sou divès eleman. |
$enable-shadows |
true oswa false (default) |
Pèmèt estil dekoratif predefini box-shadow sou divès eleman. Pa afekte box-shadow yo itilize pou eta konsantre. |
$enable-gradients |
true oswa false (default) |
Pèmèt gradyan predefini atravè background-image estil sou divès eleman. |
$enable-transitions |
true (default) oswafalse |
Pèmèt s predefini transition sou divès eleman. |
$enable-reduced-motion |
true (default) oswafalse |
Pèmèt prefers-reduced-motion rechèch medya a , ki siprime sèten animasyon/tranzisyon ki baze sou preferans navigatè itilizatè yo/sistèm operasyon yo. |
$enable-grid-classes |
true (default) oswafalse |
Pèmèt jenerasyon klas CSS pou sistèm kadriyaj la (egzanp .row , .col-md-1 , elatriye). |
$enable-caret |
true (default) oswafalse |
Pèmèt pseudo eleman caret sou .dropdown-toggle . |
$enable-button-pointers |
true (default) oswafalse |
Ajoute "men" kurseur nan eleman bouton ki pa andikape. |
$enable-rfs |
true (default) oswafalse |
Globalman pèmèt RFS . |
$enable-validation-icons |
true (default) oswafalse |
Pèmèt background-image ikon nan entrain tèks ak kèk fòm koutim pou eta validation. |
$enable-negative-margins |
true oswa false (default) |
Pèmèt jenerasyon sèvis piblik Marge negatif . |
$enable-deprecation-messages |
true (default) oswafalse |
Mete sou false pou kache avètisman lè w ap itilize nenpòt nan mixin demode yo ak fonksyon ki planifye pou retire nan v6 . |
$enable-important-utilities |
true (default) oswafalse |
Pèmèt !important sifiks nan klas sèvis piblik yo. |
$enable-smooth-scroll |
true (default) oswafalse |
Aplike scroll-behavior: smooth globalman, eksepte pou itilizatè ki mande pou redui mouvman atravè prefers-reduced-motion demann medya yo |