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

За да го направите џамботронот со целосна ширина и без заоблени агли, додадете ја .jumbotron-fluidкласата на модификатор и додадете a .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>