pinterest linkedin behance copy

Personnalisation

Apprenez à thématiser, personnaliser et étendre Bootstrap avec Sass, une multitude d'options globales, un système de couleurs étendu, et plus encore.

Aperçu

Il existe plusieurs façons de personnaliser Bootstrap. Votre meilleur chemin peut dépendre de votre projet, de la complexité de vos outils de construction, de la version de Bootstrap que vous utilisez, de la prise en charge du navigateur, etc.

Nos deux méthodes préférées sont :

  1. Utilisation de Bootstrap via le gestionnaire de packages pour pouvoir utiliser et étendre nos fichiers source.
  2. Utiliser les fichiers de distribution compilés de Bootstrap ou jsDelivr pour pouvoir ajouter ou remplacer Bootstrap styles.

Bien que nous ne puissions pas entrer dans les détails ici sur la façon d'utiliser chaque gestionnaire de paquets, nous pouvons donner quelques conseils sur l'utilisation de Bootstrap avec votre propre compilateur Sass.

Pour ceux qui souhaitent utiliser les fichiers de distribution, consultez la page de démarrage pour savoir comment inclure ces fichiers et un exemple HTML page. À partir de là, consultez la documentation pour la mise en page, les composants et les comportements que vous souhaitez utiliser.

Au fur et à mesure que vous vous familiarisez avec Bootstrap, continuez à explorer cette section pour plus de détails sur l'utilisation de nos options globales, l'utilisation et la modification de notre système de couleurs, la manière dont nous construisons nos composants, comment utiliser notre liste croissante de propriétés personnalisées CSS , et comment optimiser votre code lors de la construction avec Bootstrap.

CSP et SVG intégrés

Plusieurs composants Bootstrap incluent des SVG intégrés dans notre CSS pour styliser les composants de manière cohérente et facile sur tous les navigateurs et appareils. Pour les organisations avec des configurations CSP plus strictes, nous avons documenté toutes les instances de nos SVG intégrés (qui sont tous appliqués via background -image) afin que vous puissiez examiner plus en détail vos options.

© 2010-2024 QZYcodes by Quazerty.