Partie 2 — Mise en page : grille & layout

⏱️ TL;DR — Le cœur de Bootstrap. Un container délimite la largeur, une row ouvre une grille de 12 colonnes, et les classes col-* répartissent l’espace selon des breakpoints responsives. Autour, des utilitaires Flex et de gouttières ajustent l’alignement et l’espacement.

🎯 Ce que vous saurez faire

Choisir le bon container et comprendre les 6 breakpoints.
Construire des mises en page responsives en 12 colonnes.
Décaler, réordonner et aligner des colonnes.
Contrôler les gouttières (espaces entre colonnes).
Utiliser Flexbox via les utilitaires Bootstrap.

🗂️ Les chapitres

#	Chapitre	En un mot
2.1	Containers & breakpoints	La largeur et les points de rupture
2.2	La grille en 12 colonnes	`row` + `col`, le système central
2.3	Colonnes avancées	offset, order, alignement
2.4	Les gouttières	`g-`, `gx-`, `gy-*`
2.5	Les utilitaires Flex	`d-flex`, `justify-content-*`…
2.6	Columns CSS, z-index & position	Le reste du layout

Premier chapitre : 2.1 — Containers & breakpoints