Source

Јумботрон

Лагана, флексибилна компонента за приказивање садржаја у стилу херојске јединице.

Лагана, флексибилна компонента која опционо може да прошири цео оквир за приказ да би приказала кључне маркетиншке поруке на вашој веб локацији.

Здраво Свете!

Ово је једноставна јединица хероја, једноставна компонента у стилу јумботрона за привлачење додатне пажње на истакнути садржај или информације.


Користи услужне класе за типографију и размаке до садржаја простора унутар већег контејнера.

Сазнајте више

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

Да би јумботрон био пуне ширине и без заобљених углова, додајте .jumbotron-fluidкласу модификатора и додајте а .containerили .container-fluidунутар.

Флуид јумботрон

Ово је модификовани јумботрон који заузима цео хоризонтални простор свог родитеља.

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