Partie 7 — Utilitaires & Utility API
⏱️ TL;DR — Les utilitaires sont des petites classes atomiques qui ajustent un aspect précis : marges (
m-3), couleurs (text-primary), affichage (d-flex), bordures (border), etc. Presque toutes acceptent un breakpoint (m-md-4). L’Utility API permet même d’en générer de nouvelles en Sass.
🎯 Ce que vous saurez faire
- Utiliser le système d’espacement et de dimensionnement.
- Colorer texte et fonds, gérer l’opacité.
- Contrôler l’affichage responsive et la position.
- Créer vos propres utilitaires via l’API.
🗂️ Les chapitres
| # | Chapitre | En un mot |
|---|---|---|
| 7.1 | Spacing & sizing | m-*, p-*, w-*, h-* |
| 7.2 | Couleurs | text-*, bg-*, opacité |
| 7.3 | Display, flex & position | d-*, flex-*, position-* |
| 7.4 | Bordures, ombres & divers | border, rounded, shadow |
| 7.5 | L’Utility API | Générer ses propres classes |
Premier chapitre : 7.1 — Spacing & sizing