Jumbotron

Lichtgewicht, flexibel onderdeel voor het presenteren van inhoud in heldeneenheidstijl.

Een lichtgewicht, flexibel onderdeel dat optioneel de hele viewport kan uitbreiden om belangrijke marketingboodschappen op uw site te presenteren.

Hallo Wereld!

Dit is een eenvoudige hero-eenheid, een eenvoudige jumbotron-achtige component om extra aandacht te vragen voor aanbevolen inhoud of informatie.

Het gebruikt hulpprogrammaklassen voor typografie en spatiëring om inhoud binnen de grotere container te plaatsen.

Leer meer

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

Om de jumbotron over de volledige breedte en zonder afgeronde hoeken te maken, voegt u de .jumbotron-fluidmodificatieklasse toe en voegt u a .containerof .container-fluidbinnen toe.

Vloeistof jumbotron

Dit is een gemodificeerde jumbotron die de volledige horizontale ruimte van zijn ouder in beslag neemt.

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