Jumbotron

Qahramon birligi uslubidagi tarkibni namoyish qilish uchun engil, moslashuvchan komponent.

Saytingizdagi asosiy marketing xabarlarini ko'rsatish uchun ixtiyoriy ravishda butun ko'rish oynasini kengaytira oladigan engil, moslashuvchan komponent.

Salom Dunyo!

Bu oddiy qahramon birligi, taniqli kontent yoki ma'lumotlarga qo'shimcha e'tiborni jalb qilish uchun oddiy jumbotron uslubidagi komponent.

U tipografiya va kontentni kattaroq konteyner ichida bo'sh joy uchun bo'sh joy uchun foydali sinflardan foydalanadi.

Ko'proq ma'lumot olish

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

Jumbotronni toʻliq enli va yumaloq burchaklarsiz qilish uchun .jumbotron-fluidmodifikator sinfini qoʻshing va a .containeryoki .container-fluidichida qoʻshing.

Suyuqlik jumbotroni

Bu o'zgartirilgan jumbotron bo'lib, ota-onasining butun gorizontal maydonini egallaydi.

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