Jumbotron

Lätt, flexibel komponent för att visa upp innehåll i hjälteenhetsstil.

En lätt, flexibel komponent som valfritt kan utöka hela visningsporten för att visa upp viktiga marknadsföringsbudskap på din webbplats.

Hej världen!

Det här är en enkel hjälteenhet, en enkel jumbotronliknande komponent för att påkalla extra uppmärksamhet åt utvalt innehåll eller information.

Den använder verktygsklasser för typografi och mellanrum för att rymma innehållet i den större behållaren.

Läs mer

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

För att göra jumbotronen full bredd och utan rundade hörn, lägg till .jumbotron-fluidmodifieringsklassen och lägg till a .containereller .container-fluidinom.

Flytande jumbotron

Detta är en modifierad jumbotron som upptar hela det horisontella utrymmet för sin förä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>