Source

Jumbotron

Komponen sing entheng lan fleksibel kanggo nampilake konten gaya unit pahlawan.

Komponen sing entheng lan fleksibel sing bisa nambah kabeh viewport kanggo nampilake pesen pemasaran utama ing situs sampeyan.

Hello, donya!

Iki minangka unit pahlawan sing prasaja, komponen gaya jumbotron sing prasaja kanggo narik kawigaten babagan konten utawa informasi sing ditampilake.


Iki nggunakake kelas utilitas kanggo tipografi lan spasi kanggo isi spasi ing wadhah sing luwih gedhe.

Sinau luwih lengkap

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

Kanggo nggawe jumbotron jembaré lengkap, lan tanpa sudhut dibunderaké, nambah .jumbotron-fluidkelas modifier lan nambah .containerutawa .container-fluiding.

Cairan jumbotron

Iki minangka jumbotron sing dimodifikasi sing manggoni kabeh spasi horisontal saka induke.

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