Jumbotron

Ibikoresho byoroheje, byoroshye kwerekana kwerekana intwari yuburyo bwimiterere.

Ikintu cyoroshye, cyoroshye gishobora guhitamo kwagura ibintu byose kugirango werekane ubutumwa bwingenzi bwo kwamamaza kurubuga rwawe.

Mwaramutse, isi!

Nibintu byintwari byoroheje, byoroshye jumbotron-yuburyo bwo guhamagarira kwitondera ibintu byihariye cyangwa amakuru.

Ikoresha amasomo yingirakamaro yimyandikire hamwe nu mwanya wibintu biri mumwanya munini.

Wige byinshi

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

Gukora jumbotron ubugari bwuzuye, kandi nta mpande zegeranye, .jumbotron-fluidongeramo modifier urwego hanyuma wongereho .containercyangwa .container-fluidimbere.

Fluid jumbotron

Iyi ni jumbotron yahinduwe ifata umwanya wose utambitse wababyeyi.

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