Source

Jumbotron

Ang gaan, flexible nga sangkap alang sa pagpakita sa sulud sa istilo sa yunit sa bayani.

Usa ka gaan, flexible nga sangkap nga mahimo’g opsyonal nga mapalapdan ang tibuuk nga viewport aron ipakita ang hinungdanon nga mga mensahe sa pagpamaligya sa imong site.

Hello, kalibutan!

Kini usa ka yano nga yunit sa bayani, usa ka yano nga sangkap nga istilo sa jumbotron alang sa pagtawag sa dugang nga atensyon sa gipakita nga sulud o kasayuran.


Gigamit niini ang mga klase sa utility para sa typography ug gilay-on ngadto sa sulod sa luna sulod sa mas dako nga sudlanan.

Pagkat-on pa
<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>

Aron mahimo ang jumbotron nga bug-os nga gilapdon, ug walay mga lingin nga kanto, idugang ang .jumbotron-fluidklase sa modifier ug idugang ang usa .containero .container-fluidsa sulod.

Fluid jumbotron

Kini usa ka giusab nga jumbotron nga nag-okupar sa tibuok pinahigda nga luna sa iyang ginikanan.

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