in English
Choix
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 |