Source

Ҷумботрон

Ҷузъи сабук ва чандир барои намоиши мундариҷаи услуби қаҳрамон.

Ҷузъи сабук ва фасеҳ, ки ихтиёран метавонад тамоми намоишро барои намоиш додани паёмҳои маркетингии калидии сайти шумо васеъ кунад.

Салом Ҷаҳон!

Ин як воҳиди оддии қаҳрамон, як ҷузъи оддии ҷамботрон барои ҷалби таваҷҷӯҳи иловагӣ ба мундариҷа ё иттилооти мушаххас аст.


Он синфҳои муфидро барои типография ва фосила ба мундариҷаи фосила дар дохили контейнери калонтар истифода мебарад.

Бисёр омӯхтан

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

Барои васеъ кардани ҷумботрон ва бидуни кунҷҳои мудаввар, .jumbotron-fluidсинфи тағирдиҳандаро илова кунед ва як .containerё .container-fluidдар дохили он илова кунед.

Ҷумботрони моеъ

Ин ҷумботрони тағирёфтаест, ки тамоми фазои уфуқии волидайни худро ишғол мекунад.

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