Jumbotron

Chantier

Cette page est en chantier.

Veuillez transmettre un problème ou soumettre une demande de tirage s'il manque des renseignements ou des codes ou si la synchronisation est incorrecte ou déphasée avec le principal référentiel (wet-boew/wet-boew).

Usage

Utilisez cette option pour étendre l'ensemble de la fenêtre pour afficher le contenu clé de votre site.

Conception et codage

Utilisation de base

Défaut

Apparence

Un composant pour attirer une attention supplémentaire sur le contenu ou l'information en vedette.

En savoir plus

Bonne utilisation

Points de conformité :

  • Utiliser pour attirer l'attention sur un segment spécifique de contenu remarquable
  • Utiliser principalement pour afficher au-delà de la fenêtre du conteneur (plein écran)
Mauvaise utilisation

Points de conformité :

  • N'utilisez pas ce style si le contenu est confiné à un .container, utilisez plutôt le module wells (lien externe)
  • Ne pas utiliser à la place de moyens plus efficaces pour présenter le contenu, tels que les alertes, les images, le carrousel, « lead » dans les déclarations, et ainsi de suite
  • N'utilisez pas cet élément d'une façon qui entre en conflit avec les points de conformité précédents
Code
<section class="jumbotron">
<p>...</p>
<p><a class="btn btn-info btn-lg" role="button">En savoir plus</a></p>
</section>

Pleine largeur

Pour mettre le jumbotron en pleine largeur, et sans les coins arrondis, le placer hors de tout .container. Au lieu, utilisez un .container à l'intérieur.

Une partie du code et des documents pour cette page provient de Bootstrap (lien externe)

Date de modification :