📦 Les containers¶
Les containers définissent la largeur maximale du contenu d'un bloc.
Lorsque l'espace le permet, le container prendra environs 75% de l'espace et sera automatiquement centré.
Par exemple :
- container : largeur fixe selon les breakpoints.
- container-fluid : toujours 100% de la largeur.
- {breakpoint}:container : fluide jusqu’au breakpoint donné.
Exemple :
<header class="md:container text-center bg-inverse fg-white py-5">
<p>
Voici un "container". Sur écran médium, le conteneur a une largeur de 720 / 768 et des marges auto pour le centrer. Le texte est centré dans le container, couleur de fond foncé, texte blanc, padding en Y (haut et bas) de niveau 5 (=1rem).
</p>
</header>
