in English
Jumbotron
Kevyt, joustava komponentti sankariyksikön tyylisen sisällön esittelyyn.
Kevyt, joustava komponentti, joka voi valinnaisesti laajentaa koko näkymää ja näyttää tärkeimmät markkinointiviestit sivustollasi.
Hei maailma!
Tämä on yksinkertainen sankariyksikkö, yksinkertainen jumbotron-tyylinen komponentti, joka kiinnittää erityistä huomiota esillä olevaan sisältöön tai tietoon.
Se käyttää hyödyllisyysluokkia typografiassa ja välilyönnissä suuremman säiliön sisällä olevan sisällön tilaamiseksi.
Lue lisää<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>
Jos haluat tehdä jumbotronista täysleveä ja ilman pyöristettyjä kulmia, lisää muunnosluokka .jumbotron-fluid
ja lisää a .container
tai .container-fluid
sisällä.
Nestejumbotron
Tämä on muokattu jumbotron, joka vie koko vaakatason emonsa.
<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>