Source

Jumbotron

Komponén hampang, fleksibel pikeun nunjukkeun eusi gaya unit pahlawan.

A lightweight, komponén fléksibel nu optionally bisa manjangkeun sakabéh viewport mun showcase pesen pamasaran konci dina situs anjeun.

Halo Dunya!

Ieu unit pahlawan basajan, komponén gaya jumbotron basajan pikeun nelepon perhatian tambahan kana eusi diulas atawa informasi.


Éta ngagunakeun kelas utilitas pikeun tipografi sareng jarak ka eusi rohangan dina wadah anu langkung ageung.

Diajar deui

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

Jang ngalampahkeun jumbotron lebar pinuh, sarta tanpa sudut rounded, nambahkeun .jumbotron-fluidkelas modifier tur nambahkeun .containeratawa .container-fluiddina.

Cairan jumbotron

Ieu jumbotron dirobah nu ngawengku sakabéh spasi horizontal indungna.

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