Source

Jumbotron

Lagana, fleksibilna komponenta za prikazivanje sadržaja u stilu herojske jedinice.

Lagana, fleksibilna komponenta koja opciono može proširiti cijeli okvir za prikaz kako bi prikazala ključne marketinške poruke na vašoj web lokaciji.

Zdravo svijete!

Ovo je jednostavna jedinica heroja, jednostavna komponenta u stilu jumbotrona za privlačenje dodatne pažnje na istaknuti sadržaj ili informacije.


Koristi uslužne klase za tipografiju i razmak do sadržaja prostora unutar većeg kontejnera.

Nauči više

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

Da bi jumbotron bio pune širine i bez zaobljenih uglova, dodajte .jumbotron-fluidklasu modifikatora i dodajte a .containerili .container-fluidunutar.

Fluid jumbotron

Ovo je modificirani jumbotron koji zauzima cijeli horizontalni prostor svog roditelja.

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