Container

Definition

Classe qui fixe la largeur max d'un element selon le breakpoint actif. Peut etre centre automatiquement via la config.

Analogie

Les bords d'une route : ils empechent le contenu de s'etaler a l'infini sur grands ecrans.

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 ecrans.

Termes lies