Source

Džumbotrons

Viegls, elastīgs komponents varoņu vienības stila satura demonstrēšanai.

Viegls, elastīgs komponents, kas pēc izvēles var paplašināt visu skata logu, lai jūsu vietnē parādītu galvenos mārketinga ziņojumus.

Sveika pasaule!

Šī ir vienkārša varoņa vienība, vienkārša jumbotron stila sastāvdaļa, lai pievērstu papildu uzmanību piedāvātajam saturam vai informācijai.


Tas izmanto lietderības klases tipogrāfijai un atstarpēm līdz saturam lielākā konteinerā.

Uzzināt vairāk

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

Lai padarītu jumbotronu pilnā platumā un bez noapaļotiem stūriem, pievienojiet .jumbotron-fluidmodifikatora klasi un pievienojiet a .containervai .container-fluidiekšpusē.

Šķidruma jumbotrons

Šis ir modificēts jumbotrons, kas aizņem visu sava vecāka horizontālo telpu.

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