Passer au contenu principal Passer à la navigation dans les documents
Check

Personnalisez rapidement Bootstrap avec des variables intégrées pour basculer facilement les préférences CSS globales pour contrôler le style et le comportement.

Personnalisez Bootstrap avec notre fichier de variables personnalisées intégré et basculez facilement les préférences CSS globales avec de nouvelles $enable-*variables Sass. Remplacer la valeur d'une variable et recompiler npm run testsi nécessaire.

Vous pouvez trouver et personnaliser ces variables pour les options globales clés dans le scss/_variables.scssfichier Bootstrap.

Variable Valeurs La description
$spacer 1rem(par défaut), ou toute valeur > 0 Spécifie la valeur d'espacement par défaut pour générer par programme nos utilitaires d'espacement .
$enable-rounded true(par défaut) oufalse Active border-radiusles styles prédéfinis sur divers composants.
$enable-shadows trueou false(par défaut) Active les styles décoratifs prédéfinis box-shadowsur divers composants. N'affecte pas les box-shadows utilisés pour les états de focus.
$enable-gradients trueou false(par défaut) Active les dégradés prédéfinis via des background-imagestyles sur divers composants.
$enable-transitions true(par défaut) oufalse Active transitionles s prédéfinis sur divers composants.
$enable-reduced-motion true(par défaut) oufalse Active la prefers-reduced-motionrequête multimédia , qui supprime certaines animations/transitions en fonction des préférences du navigateur/système d'exploitation des utilisateurs.
$enable-grid-classes true(par défaut) oufalse Permet la génération de classes CSS pour le système de grille (par exemple .row, .col-md-1, etc.).
$enable-container-classes true(par défaut) oufalse Active la génération de classes CSS pour les conteneurs de mise en page. (Nouveau dans v5.2.0)
$enable-caret true(par défaut) oufalse Active le pseudo-élément caret sur .dropdown-toggle.
$enable-button-pointers true(par défaut) oufalse Ajoutez le curseur "main" aux éléments de bouton non désactivés.
$enable-rfs true(par défaut) oufalse Active globalement RFS .
$enable-validation-icons true(par défaut) oufalse Active background-imageles icônes dans les entrées textuelles et certains formulaires personnalisés pour les états de validation.
$enable-negative-margins trueou false(par défaut) Permet la génération d' utilitaires de marge négative .
$enable-deprecation-messages true(par défaut) oufalse Définissez sur falsepour masquer les avertissements lors de l'utilisation de l'un des mixins et fonctions obsolètes dont la suppression est prévue dans v6.
$enable-important-utilities true(par défaut) oufalse Active le !importantsuffixe dans les classes utilitaires.
$enable-smooth-scroll true(par défaut) oufalse S'applique scroll-behavior: smoothà l'échelle mondiale, sauf pour les utilisateurs demandant une réduction de mouvement via prefers-reduced-motionune requête multimédia