Bootstrap - Jumbotron
Ce chapitre abordera une autre fonctionnalité prise en charge par Bootstrap, le Jumbotron. Comme son nom l'indique, ce composant peut éventuellement augmenter la taille des en-têtes et ajouter beaucoup de marge pour le contenu de la page de destination. Pour utiliser le Jumbotron -
Créez un conteneur <div> avec la classe de .jumbotron.
En plus d'un <h1> plus grand, l' épaisseur de la police est réduite à 200px.
L'exemple suivant illustre ceci -
<div class = "container">
<div class = "jumbotron">
<h1>Welcome to landing page!</h1>
<p>This is an example for jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Learn more</a>
</p>
</div>
</div>
Pour obtenir un jumbotron de pleine largeur et sans coins arrondis, utilisez le .jumbotron classe en dehors de tout .container classes et ajoutez à la place un .container dans, comme indiqué dans l'exemple suivant -
<div class = "jumbotron">
<div class = "container">
<h1>Welcome to landing page!</h1>
<p>This is an example for jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Learn more</a>
</p>
</div>
</div>