Jumbotron

Ikhaphukhaphu, icandelo elibhetyebhetye lokubonisa umxholo wesimbo seyunithi yeqhawe.

Into ekhaphukhaphu, eguquguqukayo enokuthi ngokuzikhethela yandise indawo yokujonga yonke ukubonisa imiyalezo ephambili yokuthengisa kwindawo yakho.

Molo Lizwe!

Le yiyunithi yeqhawe elilula, icandelo elilula le-jumbotron lokubiza ingqalelo eyongezelelweyo kumxholo ofakiweyo okanye ulwazi.

Isebenzisa iiklasi eziluncedo kuchwethezo kunye nezithuba kwindawo yokubeka umxholo ngaphandle kwesikhongozeli esikhulu.

Funda nzulu

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

Ukwenza i-jumbotron ububanzi obugcweleyo, kwaye ngaphandle kweekona ezijikelezileyo, yongeza .jumbotron-fluidiklasi yokuguqula kwaye ungeze i-a .containerokanye .container-fluidngaphakathi.

Ulwelo jumbotron

Le yijumbotron elungisiweyo ethatha indawo yonke ethe tye yomzali wayo.

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