Spring til hovedindhold Spring til dokumentnavigation
Check
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 testefter behov.

Du kan finde og tilpasse disse variabler til vigtige globale muligheder i Bootstraps scss/_variables.scssfil.

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-radiusstilarter på forskellige komponenter.
$enable-shadows trueeller false(standard) Muliggør foruddefinerede dekorative box-shadowstilarter på forskellige komponenter. Påvirker ikke box-shadows, der bruges til fokustilstande.
$enable-gradients trueeller false(standard) Aktiverer foruddefinerede gradienter via background-imagestilarter på forskellige komponenter.
$enable-transitions true(standard) ellerfalse Aktiverer foruddefinerede transitions på forskellige komponenter.
$enable-reduced-motion true(standard) ellerfalse Aktiverer prefers-reduced-motionmedieforespø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-container-classes true(standard) ellerfalse Aktiverer generering af CSS-klasser til layoutcontainere. (Ny i v5.2.0)
$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-imageikoner i tekstinput og nogle brugerdefinerede formularer til valideringstilstande.
$enable-negative-margins trueeller false(standard) Muliggør generering af negative margin-værktøjer .
$enable-deprecation-messages true(standard) ellerfalse Indstil til falsefor 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 !importantsuffikset i hjælpeklasser.
$enable-smooth-scroll true(standard) ellerfalse Gælder scroll-behavior: smoothglobalt, undtagen for brugere, der beder om reduceret bevægelse gennem prefers-reduced-motionmedieforespørgsler