Source

Jumbotron

Kerge, paindlik komponent kangelase üksuse stiilis sisu tutvustamiseks.

Kerge ja paindlik komponent, mis võib soovi korral laiendada kogu vaateava, et näidata teie saidil olulisi turundussõnumeid.

Tere, Maailm!

See on lihtne kangelasüksus, lihtne jumbotron-stiilis komponent, mis tõmbab esiletoodud sisule või teabele lisatähelepanu.


See kasutab utiliidiklasse tüpograafiaks ja ruumi sisu eraldamiseks suuremas konteineris.

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

Jumbotroni täislaiuseks muutmiseks ilma ümarate nurkadeta lisage .jumbotron-fluidmodifikaatoriklass ja lisage a .containervõi .container-fluidsees.

Vedelik jumbotron

See on modifitseeritud jumbotron, mis hõivab kogu oma vanema horisontaalse ruumi.

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