Options
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 les nouvelles variables Sass $enable-*
. Remplacez la valeur d'une variable et recompilez avec npm run test
si nécessaire.
Vous pouvez trouver et personnaliser ces variables pour les options globales clés dans le fichier scss/_variables.scss
de Bootstrap.
Variable | Valeurs | Description |
---|---|---|
$spacer |
1rem (par défaut), ou toute valeur > 0 |
Spécifie la valeur d'espacement par défaut pour générer par programmation nos utilitaires d'espacement. |
$enable-rounded |
true (par défaut) ou false |
Active les styles border-radius prédéfinis sur divers composants. |
$enable-shadows |
true ou false (par défaut |
Active les styles décoratifs box-shadow prédéfinis sur divers composants. N'affecte pas les box-shadow utilisés pour les états de focus. |
$enable-gradients |
true ou false (par défaut |
Active les dégradés prédéfinis via les styles background-image sur divers composants. |
$enable-transitions |
true (par défaut) ou false |
Active les transition prédéfinies sur divers composants. |
$enable-reduced-motion |
true (par défaut) ou false |
Active la prefers-reduced-motion media query, qui supprime certaines animations/transitions en fonction sur les préférences du navigateur/système d'exploitation des utilisateurs. |
$enable-grid-classes |
true (par défaut) ou false |
Active la génération de classes CSS pour le système de grille (par exemple, .row , .col-md-1 , etc.). |
$enable-caret |
true (par défaut) ou false |
Active le pseudo-élément caret sur .dropdown-toggle . |
$enable-button-pointers |
true (par défaut) ou false |
Ajouter “main” curseur sur les éléments de bouton non désactivés. |
$enable-rfs |
true (par défaut) ou false |
Active globalement RFS. |
$enable-validation-icons |
true (par défaut) ou false |
Active les icônes background-image dans les entrées textuelles et certains formulaires personnalisés pour les états de validation. |
$enable-negative-margins |
true ou false (par défaut) |
Active la génération d'utilitaires de marge négative. |
$enable-deprecation-messages |
true (par défaut) ou false |
Définissez sur false pour 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) ou false |
Active le suffixe !important dans les classes utilitaires. |