Source

Jumbotron

Let, fleksibel komponent til fremvisning af heltenhedsstilindhold.

En let, fleksibel komponent, der valgfrit kan udvide hele visningsporten for at fremvise vigtige marketingbudskaber på dit websted.

Hej Verden!

Dette er en simpel heltenhed, en simpel jumbotron-lignende komponent til at gøre ekstra opmærksom på fremhævet indhold eller information.


Den bruger hjælpeklasser til typografi og mellemrum for at rumme indhold ude i den større beholder.

Lær mere

<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>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div>

For at gøre jumbotronen i fuld bredde og uden afrundede hjørner, skal du tilføje .jumbotron-fluidmodifikatorklassen og tilføje a .containereller .container-fluidindenfor.

Flydende jumbotron

Dette er en modificeret jumbotron, der optager hele det vandrette rum i sin forælder.

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