Source

I-Jumbotron

Ingxenye engasindi, eguquguqukayo yokubonisa okuqukethwe kwesitayela seyunithi yeqhawe.

Ingxenye engasindi, eguquguqukayo engakwazi ukukhetha ukunweba yonke indawo yokubuka ukuze ibonise imilayezo ebalulekile yokumaketha kusayithi lakho.

Sawubona Mhlaba!

Leli iyunithi yeqhawe elilula, ingxenye elula yesitayela se-jumbotron yokubiza ukunaka okwengeziwe kokuqukethwe okufakiwe noma ulwazi.


Isebenzisa amakilasi ezinsiza ku-typography kanye nokuhlukanisa isikhala sokuqukethwe ngaphakathi kwesiqukathi esikhulu.

Funda kabanzi

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

Ukuze wenze i-jumbotron ibe ububanzi obugcwele, futhi ngaphandle kwamakhona ayindilinga, engeza .jumbotron-fluidisigaba sokuguqula bese wengeza u-a .containernoma .container-fluidngaphakathi.

I-fluid jumbotron

Lena i-jumbotron eguquliwe ethatha yonke indawo evundlile 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>