Jumbotron

Kahraman birim tarzı içeriği sergilemek için hafif, esnek bileşen.

Temel pazarlama mesajlarını sitenizde sergilemek için isteğe bağlı olarak tüm görünümü genişletebilen hafif, esnek bir bileşen.

Selam Dünya!

Bu basit bir kahraman birimi, öne çıkan içerik veya bilgilere ekstra dikkat çekmek için basit bir jumbotron tarzı bileşendir.

Tipografi ve daha büyük kap içindeki içeriği boşaltmak için boşluk bırakmak için yardımcı sınıfları kullanır.

Daha fazla bilgi edin

<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'u tam genişlikte ve yuvarlatılmış köşeler olmadan yapmak için .jumbotron-fluiddeğiştirici sınıfını ekleyin ve bir .containerveya .container-fluidiçinde ekleyin.

sıvı jumbotron

Bu, ebeveyninin tüm yatay alanını kaplayan değiştirilmiş bir jumbotrondur.

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