Source

Jumbotron

Fuskar nauyi, sassauƙa mai sassauƙa don nuna abun ciki na salon rukunin jarumai.

Wani sassauƙa mara nauyi, sassauƙan sashi wanda zai iya tsawaita ɗaukacin kallon da zaɓi don nuna mahimman saƙonnin talla akan rukunin yanar gizon ku.

Sannu Duniya!

Wannan rukunin jarumai ne mai sauƙi, sassauƙan salon jumbotron don kiran ƙarin hankali ga fitaccen abun ciki ko bayanai.


Yana amfani da azuzuwan masu amfani don rubutun rubutu da tazara zuwa abun cikin sarari a cikin babban akwati.

Ƙara koyo
<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>

Don yin jumbotron cikakken nisa, kuma ba tare da sasanninta masu zagaye ba, ƙara .jumbotron-fluidajin gyare-gyare kuma ƙara .containerko .container-fluidciki.

Jumbotron ruwa

Wannan jumbotron gyare-gyare ne wanda ya mamaye dukkan sararin samaniyar mahaifansa.

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