Source

Džumbotronas

Lengvas, lankstus komponentas, skirtas herojaus vieneto stiliaus turiniui parodyti.

Lengvas, lankstus komponentas, galintis pasirinktinai išplėsti visą peržiūros sritį, kad jūsų svetainėje būtų rodomi pagrindiniai rinkodaros pranešimai.

Labas pasauli!

Tai paprastas herojus, paprastas jumbotrono stiliaus komponentas, skirtas atkreipti ypatingą dėmesį į rodomą turinį ar informaciją.


Jis naudoja naudingumo klases, skirtas tipografijai ir tarpai tarp turinio didesniame konteineryje.

Sužinokite daugiau

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

Kad jumbotronas būtų viso pločio ir be užapvalintų kampų, pridėkite .jumbotron-fluidmodifikatoriaus klasę ir pridėkite a .containerarba .container-fluidviduje.

Skysčio jumbotronas

Tai modifikuotas jumbotronas, kuris užima visą horizontalią savo pirminio įrenginio erdvę.

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