in English
Opsies
Pas Bootstrap vinnig aan met ingeboude veranderlikes om globale CSS-voorkeure maklik te wissel om styl en gedrag te beheer.
Pas Bootstrap aan met ons ingeboude pasgemaakte veranderlikes-lêer en wissel maklik globale CSS-voorkeure met nuwe $enable-*Sass-veranderlikes. Ignoreer 'n veranderlike se waarde en hersaamstel met npm run testsoos nodig.
Jy kan hierdie veranderlikes vind en pasmaak vir sleutel globale opsies in Bootstrap se scss/_variables.scsslêer.
| Veranderlik | Waardes | Beskrywing |
|---|---|---|
$spacer |
1rem(verstek), of enige waarde > 0 |
Spesifiseer die verstekspasieerwaarde om ons spasieerhulpprogramme programmaties te genereer . |
$enable-rounded |
true(verstek) offalse |
Aktiveer vooraf gedefinieerde border-radiusstyle op verskeie komponente. |
$enable-shadows |
trueof false(verstek) |
Maak vooraf gedefinieerde dekoratiewe box-shadowstyle op verskeie komponente moontlik. Affekteer nie box-shadows wat vir fokustoestande gebruik word nie. |
$enable-gradients |
trueof false(verstek) |
Aktiveer voorafbepaalde gradiënte via background-imagestyle op verskeie komponente. |
$enable-transitions |
true(verstek) offalse |
Aktiveer vooraf gedefinieerde transitions op verskeie komponente. |
$enable-reduced-motion |
true(verstek) offalse |
Aktiveer die prefers-reduced-motionmedianavraag , wat sekere animasies/oorgange onderdruk op grond van die gebruikers se blaaier/bedryfstelselvoorkeure. |
$enable-grid-classes |
true(verstek) offalse |
Aktiveer die generering van CSS-klasse vir die roosterstelsel (bv .row. , .col-md-1, ens.). |
$enable-container-classes |
true(verstek) offalse |
Aktiveer die generering van CSS-klasse vir uitleghouers. (Nuut in v5.2.0) |
$enable-caret |
true(verstek) offalse |
Aktiveer pseudo-element-karet op .dropdown-toggle. |
$enable-button-pointers |
true(verstek) offalse |
Voeg "hand"-wyser by nie-gedeaktiveerde knoppie-elemente. |
$enable-rfs |
true(verstek) offalse |
Maak RFS wêreldwyd moontlik . |
$enable-validation-icons |
true(verstek) offalse |
Aktiveer background-imageikone binne tekstuele invoere en sommige pasgemaakte vorms vir bekragtigingstate. |
$enable-negative-margins |
trueof false(verstek) |
Maak die generering van negatiewe marge nutsdienste moontlik . |
$enable-deprecation-messages |
true(verstek) offalse |
Stel op falseom waarskuwings te versteek wanneer enige van die verouderde mengsels en funksies gebruik word wat beplan word om in verwyder te word v6. |
$enable-important-utilities |
true(verstek) offalse |
Aktiveer die !importantagtervoegsel in nutsklasse. |
$enable-smooth-scroll |
true(verstek) offalse |
Is wêreldwyd van toepassing scroll-behavior: smooth, behalwe vir gebruikers wat vir verminderde beweging deur middel van prefers-reduced-motionmedianavraag vra |