Source

Jumbotron

Nyepesi, kipengele rahisi cha kuonyesha maudhui ya mtindo wa kitengo cha shujaa.

Kipengele chepesi, kinachonyumbulika ambacho kinaweza kwa hiari kupanua eneo lote la kutazama ili kuonyesha ujumbe muhimu wa uuzaji kwenye tovuti yako.

Salamu, Dunia!

Hiki ni kitengo rahisi cha shujaa, kijenzi rahisi cha mtindo wa jumbotron cha kutoa umakini wa ziada kwa maudhui au maelezo yaliyoangaziwa.


Inatumia madarasa ya matumizi kwa uchapaji na nafasi ili kuweka maudhui ndani ya kontena kubwa.

Jifunze zaidi

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

Ili kufanya jumbotron iwe upana kamili, na bila pembe za mviringo, ongeza .jumbotron-fluiddarasa la kurekebisha na uongeze ndani .containerau .container-fluidndani.

Maji ya jumbotron

Hii ni jumbotron iliyorekebishwa ambayo inachukua nafasi nzima ya mlalo ya mzazi wake.

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