Gå til hovedinnhold Hopp til dokumentnavigering
Check
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 testetter behov.

Du kan finne og tilpasse disse variablene for viktige globale alternativer i Bootstraps scss/_variables.scssfil.

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-radiusstiler på ulike komponenter.
$enable-shadows trueeller false(standard) Aktiverer forhåndsdefinerte dekorative box-shadowstiler på ulike komponenter. Påvirker ikke box-shadows som brukes for fokustilstander.
$enable-gradients trueeller false(standard) Aktiverer forhåndsdefinerte gradienter via background-imagestiler på ulike komponenter.
$enable-transitions true(standard) ellerfalse Aktiverer forhåndsdefinerte transitions på ulike komponenter.
$enable-reduced-motion true(standard) ellerfalse Aktiverer prefers-reduced-motionmediespø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-container-classes true(standard) ellerfalse Aktiverer generering av CSS-klasser for layoutbeholdere. (Nyhet i v5.2.0)
$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-imageikoner i tekstinndata og enkelte tilpassede skjemaer for valideringstilstander.
$enable-negative-margins trueeller false(standard) Gjør det mulig å generere negative marginverktøy .
$enable-deprecation-messages true(standard) ellerfalse Sett til falsefor å 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 !importantsuffikset i verktøyklasser.
$enable-smooth-scroll true(standard) ellerfalse Gjelder scroll-behavior: smoothglobalt, bortsett fra brukere som ber om redusert bevegelse gjennom prefers-reduced-motionmediesøk