Skip to Content
BootstrapPartie 8 — Personnalisation avec SassVue d'ensemble

Partie 8 — Personnalisation avec Sass

⏱️ TL;DR — La vraie puissance de Bootstrap. En important son Sass, vous redéfinissez des variables ($primary, $border-radius, $font-family-base), des maps ($theme-colors, $grid-breakpoints), activez/désactivez des options ($enable-*), et vous compilez un CSS à votre marque. Vous pouvez aussi n’importer que ce dont vous avez besoin pour un poids minimal.

🎯 Ce que vous saurez faire

  • Importer Bootstrap en Sass dans le bon ordre.
  • Changer couleurs, typo, rayons via les variables.
  • Étendre les maps (nouvelle couleur de thème, breakpoint).
  • Utiliser functions et mixins de Bootstrap.
  • Produire un build minimal.

🗂️ Les chapitres

#ChapitreEn un mot
8.1Importer Bootstrap en SassL’ordre des @import
8.2Variables & options$primary, $enable-*
8.3Les maps$theme-colors, breakpoints
8.4Functions & mixinsOutils réutilisables
8.5Les variables CSS--bs-* à la volée
8.6Un build minimalImporter le strict nécessaire

Premier chapitre : 8.1 — Importer Bootstrap en Sass

7.5 — L'Utility API8.1 — Importer Bootstrap en Sass