Jumbotron

Mamafa ma fetuutuuna'i vaega mo le fa'aalia o anotusi sitaili iunite toa.

O se vaega mama, fetuutuunai e mafai ona fa'alautele le va'aiga atoa e fa'aalia ai fe'au fa'atauga autu i lau 'upega tafa'ilagi.

Talofa, lalolagi!

O se vaega toa faigofie lea, o se vaega faigofie jumbotron-style mo le vala'au atili atu i mea fa'aalia po'o fa'amatalaga.

E fa'aogaina vasega aoga mo le fa'aupuga ma le avanoa i avanoa avanoa i totonu o le atigipusa tele.

Aoao atili

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

Ina ia faia le jumbotron lautele lautele, ma e aunoa ma ni tulimanu lapotopoto, faʻaopoopo le .jumbotron-fluidvasega modifier ma faʻaopopo se .containerpoʻo .container-fluidtotonu.

Suavai jumbotron

O se jumbotron ua suia lea e nofoia le avanoa fa'alava atoa o lona matua.

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