Container

Définition

Classe qui fixe la largeur max d'un élément selon le breakpoint actif. Peut être centre automatiquement via la config.

Analogie

Les bords d'une route : ils empêchent le contenu de s'étaler a l'infini sur grands écrans.

Exemple de code

<div class="container mx-auto px-4">
  <!-- Contenu centre et contraint -->
</div>
// config: container: { center: true, padding: '1rem' }

Cas d'usage

Centrer le contenu principal et limiter sa largeur sur grands écrans.

Termes liés