Jumbotron

Lahka, prilagodljiva komponenta za predstavitev vsebine v slogu enote junaka.

Lahka, prilagodljiva komponenta, ki lahko po želji razširi celotno vidno polje za predstavitev ključnih tržnih sporočil na vašem spletnem mestu.

Pozdravljen, svet!

To je preprosta junaška enota, preprosta komponenta v slogu jumbotrona za privabljanje dodatne pozornosti na predstavljeno vsebino ali informacije.

Uporablja uporabne razrede za tipografijo in razmike za razporeditev vsebine znotraj večjega vsebnika.

Nauči se več

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

Če želite, da bo jumbotron polne širine in brez zaobljenih vogalov, dodajte .jumbotron-fluidrazred modifikatorja in dodajte .containerali .container-fluidznotraj.

Tekočinski jumbotron

To je modificiran jumbotron, ki zaseda celoten vodoravni prostor svojega starša.

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