Jumbotron

Composant léger et flexible pour mettre en valeur le contenu de style unité de héros.

Un composant léger et flexible qui peut éventuellement étendre l'intégralité de la fenêtre d'affichage pour présenter des messages marketing clés sur votre site.

Bonjour le monde!

Il s'agit d'une simple unité de héros, un simple composant de style jumbotron pour attirer une attention particulière sur le contenu ou les informations présentés.

Il utilise des classes utilitaires pour la typographie et l'espacement pour espacer le contenu dans le conteneur plus grand.

Apprendre encore plus

<div class="jumbotron">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</div>

Pour rendre le jumbotron pleine largeur et sans coins arrondis, ajoutez la .jumbotron-fluidclasse de modificateur et ajoutez un .containerou à l' .container-fluidintérieur.

Jumbotron fluide

Il s'agit d'un jumbotron modifié qui occupe tout l'espace horizontal de son parent.

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>