Source

Jumbotron

Parçeyek sivik, maqûl ji bo nîşandana naveroka şêwaza yekîneya leheng.

Parçeyek sivik, maqûl ku dikare vebijarkî tevahiya dîmenderê dirêj bike da ku peyamên kirrûbirra sereke li ser malpera we destnîşan bike.

Silav, dinya!

Ev yekîneyek qehremanek hêsan e, pêkhateyek bi şêwaza jumbotron e ku ji bo balkişandina zêde li naverok an agahdariya diyarkirî ye.


Ew dersên karûbar ji bo tîpografî û cîhgirtina naveroka cîhê li hundurê konteynera mezin bikar tîne.

Bêtir hîn bibin

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

Ji bo ku jumbotron bi firehiya tevahî, û bêyî kuçên girover çêbike, .jumbotron-fluidçîna guhêrbar lê zêde bike û a .containeran .container-fluidli hundur lê zêde bike.

Fluid jumbotron

Ev jumbotronek guhertî ye ku tevahiya cîhê horizontal ya dêûbavê xwe digire.

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