pinterest linkedin behance copy

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.

© 2010-2024 QZYcodes by Quazerty.