Jumbotron

Lub teeb yuag, hloov tau yooj yim rau showcasing hero unit style cov ntsiab lus.

Lub teeb yuag, hloov tau yooj yim uas tuaj yeem xaiv txuas ntxiv rau tag nrho cov chaw saib kom nthuav tawm cov lus tseem ceeb hauv koj lub xaib.

Nyob zoo, ntiaj teb!

Qhov no yog ib qho yooj yim hero unit, ib qho yooj yim jumbotron-style tivthaiv rau kev hu xov tooj ntxiv rau cov ntsiab lus tshwj xeeb lossis cov ntaub ntawv.

Nws siv cov chav kawm siv hluav taws xob rau typography thiab sib nrug rau qhov chaw cov ntsiab lus tawm hauv lub thawv loj.

Kawm ntxiv

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

Txhawm rau ua kom lub jumbotron tag nrho dav, thiab tsis muaj qhov sib npaug, ntxiv cov .jumbotron-fluidchav kawm hloov kho thiab ntxiv ib .containerlossis .container-fluidhauv.

Cov kua dej jumbotron

Qhov no yog ib qho hloov kho jumbotron uas nyob tag nrho cov kab rov tav qhov chaw ntawm nws niam nws txiv.

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