in English
Alternativer
Tilpass Bootstrap raskt med innebygde variabler for enkelt å bytte globale CSS-preferanser for å kontrollere stil og oppførsel.
Tilpass Bootstrap med vår innebygde egendefinerte variabelfil og bytt enkelt globale CSS-preferanser med nye $enable-*
Sass-variabler. Overstyr en variabels verdi og kompiler på nytt med npm run test
etter behov.
Du kan finne og tilpasse disse variablene for viktige globale alternativer i Bootstraps scss/_variables.scss
fil.
Variabel | Verdier | Beskrivelse |
---|---|---|
$spacer |
1rem (standard), eller en hvilken som helst verdi > 0 |
Angir standard avstandsverdi for å programmere generere avstandsverktøyene våre . |
$enable-rounded |
true (standard) ellerfalse |
Aktiverer forhåndsdefinerte border-radius stiler på ulike komponenter. |
$enable-shadows |
true eller false (standard) |
Aktiverer forhåndsdefinerte dekorative box-shadow stiler på ulike komponenter. Påvirker ikke box-shadow s som brukes for fokustilstander. |
$enable-gradients |
true eller false (standard) |
Aktiverer forhåndsdefinerte gradienter via background-image stiler på ulike komponenter. |
$enable-transitions |
true (standard) ellerfalse |
Aktiverer forhåndsdefinerte transition s på ulike komponenter. |
$enable-reduced-motion |
true (standard) ellerfalse |
Aktiverer prefers-reduced-motion mediespørringen , som undertrykker visse animasjoner/overganger basert på brukernes nettleser/operativsystempreferanser. |
$enable-grid-classes |
true (standard) ellerfalse |
Aktiverer generering av CSS-klasser for rutenettsystemet (f.eks .row . , .col-md-1 , etc.). |
$enable-caret |
true (standard) ellerfalse |
Aktiverer pseudoelement-caret på .dropdown-toggle . |
$enable-button-pointers |
true (standard) ellerfalse |
Legg til "hånd"-markør til ikke-deaktiverte knappeelementer. |
$enable-rfs |
true (standard) ellerfalse |
Globalt muliggjør RFS . |
$enable-validation-icons |
true (standard) ellerfalse |
Aktiverer background-image ikoner i tekstinndata og enkelte tilpassede skjemaer for valideringstilstander. |
$enable-negative-margins |
true eller false (standard) |
Gjør det mulig å generere negative marginverktøy . |
$enable-deprecation-messages |
true (standard) ellerfalse |
Sett til false for å skjule advarsler når du bruker noen av de utdaterte blandingene og funksjonene som er planlagt å bli fjernet i v6 . |
$enable-important-utilities |
true (standard) ellerfalse |
Aktiverer !important suffikset i verktøyklasser. |
$enable-smooth-scroll |
true (standard) ellerfalse |
Gjelder scroll-behavior: smooth globalt, bortsett fra brukere som ber om redusert bevegelse gjennom prefers-reduced-motion mediesøk |