in English
Muligheder
Tilpas hurtigt Bootstrap med indbyggede variabler for nemt at skifte globale CSS-præferencer til kontrol af stil og adfærd.
Tilpas Bootstrap med vores indbyggede tilpassede variabelfil, og skift nemt globale CSS-præferencer med nye $enable-*
Sass-variabler. Tilsidesæt en variabels værdi, og kompiler igen med npm run test
efter behov.
Du kan finde og tilpasse disse variabler til vigtige globale muligheder i Bootstraps scss/_variables.scss
fil.
Variabel | Værdier | Beskrivelse |
---|---|---|
$spacer |
1rem (standard) eller en hvilken som helst værdi > 0 |
Angiver standardafstandsværdien til programmæssig generering af vores spacerværktøjer . |
$enable-rounded |
true (standard) ellerfalse |
Aktiverer foruddefinerede border-radius stilarter på forskellige komponenter. |
$enable-shadows |
true eller false (standard) |
Muliggør foruddefinerede dekorative box-shadow stilarter på forskellige komponenter. Påvirker ikke box-shadow s, der bruges til fokustilstande. |
$enable-gradients |
true eller false (standard) |
Aktiverer foruddefinerede gradienter via background-image stilarter på forskellige komponenter. |
$enable-transitions |
true (standard) ellerfalse |
Aktiverer foruddefinerede transition s på forskellige komponenter. |
$enable-reduced-motion |
true (standard) ellerfalse |
Aktiverer prefers-reduced-motion medieforespørgslen , som undertrykker visse animationer/overgange baseret på brugernes browser-/operativsystempræferencer. |
$enable-grid-classes |
true (standard) ellerfalse |
Aktiverer generering af CSS-klasser til gittersystemet (f.eks .row . , .col-md-1 , osv.). |
$enable-caret |
true (standard) ellerfalse |
Aktiverer pseudo element caret på .dropdown-toggle . |
$enable-button-pointers |
true (standard) ellerfalse |
Tilføj "hånd"-markør til ikke-deaktiverede knapelementer. |
$enable-rfs |
true (standard) ellerfalse |
Globalt muliggør RFS . |
$enable-validation-icons |
true (standard) ellerfalse |
Aktiverer background-image ikoner i tekstinput og nogle brugerdefinerede formularer til valideringstilstande. |
$enable-negative-margins |
true eller false (standard) |
Muliggør generering af negative margin-værktøjer . |
$enable-deprecation-messages |
true (standard) ellerfalse |
Indstil til false for at skjule advarsler, når du bruger nogen af de forældede mixins og funktioner, der er planlagt til at blive fjernet i v6 . |
$enable-important-utilities |
true (standard) ellerfalse |
Aktiverer !important suffikset i hjælpeklasser. |
$enable-smooth-scroll |
true (standard) ellerfalse |
Gælder scroll-behavior: smooth globalt, undtagen for brugere, der beder om reduceret bevægelse gennem prefers-reduced-motion medieforespørgsler |