Jumbotron

Gahryman bölüminiň stil mazmunyny görkezmek üçin ýeňil, çeýe komponent.

Sahypaňyzdaky esasy marketing habarlaryny görkezmek üçin ähli görnüşi giňeldip bilýän ýeňil, çeýe komponent.

Salam, dünýä!

Bu ýönekeý gahryman bölümi, aýratyn mazmuna ýa-da maglumata goşmaça ünsi çekmek üçin ýönekeý jumbotron stilidir.

Has uly konteýneriň içindäki kosmos mazmunyna typografiýa we aralyk üçin peýdaly sapaklary ulanýar.

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

“Jumbotron” -yň doly giňligini we tegelek burçlary bolmazdan, .jumbotron-fluidüýtgediji synpy goşuň .containerwe içini goşuň .container-fluid.

Suwuk jumbotron

Bu, ene-atasynyň ähli gorizontal giňişligini eýeleýän üýtgedilen jumbotron.

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