Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Un jumbotron indique une grande boîte grise pour attirer l'attention sur un contenu ou une information particulière.
Astuce : Dans un jumbotron, vous pouvez mettre presque n'importe quel code HTML valide, y compris d'autres éléments/classes Bootstrap.
Tutoriel d'amorçage
Bootstrap est le framework HTML, CSS et JS le plus populaire pour développer des projets réactifs et mobiles sur le Web.
Utilisez un <div>
élément avec classe .jumbotron
pour créer un jumbotron :
Exemple
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron pleine largeur
Si vous voulez un jumbotron pleine largeur sans bordures arrondies, ajoutez la .jumbotron-fluid
classe et a .container
ou
.container-fluid
à l'intérieur :
Exemple
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>