Saltar al contingut principal Saltar a la navegació de documents
in English

Opcions

Personalitzeu ràpidament Bootstrap amb variables integrades per canviar fàcilment les preferències globals de CSS per controlar l'estil i el comportament.

Personalitzeu Bootstrap amb el nostre fitxer de variables personalitzades integrat i canvieu fàcilment les preferències CSS globals amb les noves $enable-*variables de Sass. Substituïu el valor d'una variable i recompileu- npm run testlo segons sigui necessari.

Podeu trobar i personalitzar aquestes variables per a les opcions globals clau al scss/_variables.scssfitxer de Bootstrap.

Variable Valors Descripció
$spacer 1rem(per defecte) o qualsevol valor > 0 Especifica el valor d'espaiador predeterminat per generar programadament les nostres utilitats d'espaiador .
$enable-rounded true(per defecte) ofalse Habilita border-radiusestils predefinits en diversos components.
$enable-shadows trueo false(per defecte) Permet estils decoratius predefinits box-shadowen diversos components. No afecta box-shadowels utilitzats per als estats d'enfocament.
$enable-gradients trueo false(per defecte) Habilita gradients predefinits mitjançant background-imageestils en diversos components.
$enable-transitions true(per defecte) ofalse Habilita transitions predefinides en diversos components.
$enable-reduced-motion true(per defecte) ofalse Habilita la prefers-reduced-motionconsulta multimèdia , que suprimeix determinades animacions/transicions en funció de les preferències del navegador/sistema operatiu dels usuaris.
$enable-grid-classes true(per defecte) ofalse Permet la generació de classes CSS per al sistema de graella (per exemple .row, .col-md-1, etc.).
$enable-caret true(per defecte) ofalse Activa el signe d'accent del pseudoelement a .dropdown-toggle.
$enable-button-pointers true(per defecte) ofalse Afegiu el cursor "mà" als elements del botó no desactivats.
$enable-rfs true(per defecte) ofalse Habilita globalment RFS .
$enable-validation-icons true(per defecte) ofalse Activa background-imageles icones a les entrades de text i alguns formularis personalitzats per als estats de validació.
$enable-negative-margins trueo false(per defecte) Permet la generació d' utilitats de marge negatiu .
$enable-deprecation-messages true(per defecte) ofalse Establiu a falseper ocultar els avisos quan utilitzeu qualsevol de les funcions i mixins obsoletes que s'han previst eliminar a v6.
$enable-important-utilities true(per defecte) ofalse Activa el !importantsufix a les classes d'utilitat.
$enable-smooth-scroll true(per defecte) ofalse S'aplica scroll-behavior: smoothglobalment, excepte per als usuaris que demanen moviment reduït mitjançant prefers-reduced-motionconsulta de mitjans