Source

Jumbotron we dɛn kɔl Jumbotron

Layt, fleksibul kɔmpɔnɛnt fɔ sho di hiro yunit stayl kɔntinyu.

Wan layt, fleksibul kɔmpɔnɛnt we kin opshɔnali ɛkstɛnd di wan ol viupɔt fɔ sho di men makɛt mɛsej dɛn na yu sayt.

Halo, wɔl!

Dis na simpul hiro yunit, wan simpul jumbotron-stayl kɔmpɔnɛnt fɔ kɔl ɛkstra atɛnshɔn to fichu kɔntinyu ɔ infɔmeshɔn.


I de yuz yutiliti klas fɔ taypografi ɛn spɛshal fɔ spɛs kɔntinyu aut insay di big kɔntena.

Lan mɔ bɔt dis

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

Fɔ mek di jumbotron ful wit, ɛn we nɔ gɛt rawnd kɔna, ad di .jumbotron-fluidmodifya klas ɛn ad wan .containerɔ .container-fluidinsay.

Fluid jumbotron we de na di wata

dis na wan modifyed jumbotron we de tek di כl כrizכnal spεs fכ in mama εn papa.

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