Source

Jumbotron

Malpeza, fleksebla komponanto por montri enhavon pri herounua stilo.

Malpeza, fleksebla komponanto, kiu povas laŭvole etendi la tutan vidpunkton por montri ŝlosilajn merkatajn mesaĝojn en via retejo.

Saluton mondo!

Ĉi tio estas simpla herounuo, simpla jumbotron-stila komponento por nomi ekstran atenton al elstara enhavo aŭ informoj.


Ĝi uzas utilajn klasojn por tipografio kaj interspacigo por spaci enhavon ene de la pli granda ujo.

Lernu pli

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

Por fari la jumbotron plenan larĝon, kaj sen rondigitaj anguloj, aldonu la .jumbotron-fluidmodifklason kaj aldonu a .container.container-fluidene.

Fluida jumbotron

Ĉi tio estas modifita jumbotron kiu okupas la tutan horizontalan spacon de sia gepatro.

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