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