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 tarkib 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.
<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>
Jumbotronni toʻliq enli va yumaloq burchaklarsiz qilish uchun .jumbotron-fluid
modifikator sinfini qoʻshing va a .container
yoki .container-fluid
ichida 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>