Jumbotron

Elfen ysgafn, hyblyg ar gyfer arddangos cynnwys arddull uned arwr.

Cydran ysgafn, hyblyg a all ymestyn yr olygfan gyfan yn ddewisol i arddangos negeseuon marchnata allweddol ar eich gwefan.

Helo Byd!

Mae hon yn uned arwr syml, cydran syml ar ffurf jumbotron ar gyfer tynnu sylw ychwanegol at gynnwys neu wybodaeth dan sylw.

Mae'n defnyddio dosbarthiadau cyfleustodau ar gyfer teipograffeg a bylchau i gynnwys gofod allan o fewn y cynhwysydd mwy.

Dysgu mwy

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

I wneud y jumbotron lled llawn, a heb corneli crwn, ychwanegwch y .jumbotron-fluiddosbarth addasydd ac ychwanegu a .containerneu .container-fluido fewn.

Jumbotron hylif

Mae hwn yn jumbotron wedi'i addasu sy'n meddiannu gofod llorweddol cyfan ei riant.

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