Джумботрон

Қаһарман бірлігі стиліндегі мазмұнды көрсетуге арналған жеңіл, икемді компонент.

Веб-сайтыңыздағы негізгі маркетингтік хабарларды көрсету үшін бүкіл қарау терезесін қосымша кеңейте алатын жеңіл, икемді компонент.

Сәлем Әлем!

Бұл қарапайым батыр бірлігі, таңдаулы мазмұнға немесе ақпаратқа қосымша назар аударуға арналған қарапайым джумботрон стиліндегі компонент.

Ол типография және үлкенірек контейнердегі мазмұнды кеңістікке бөлу үшін қызметтік сыныптарды пайдаланады.

Көбірек білу үшін

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

Джумботронды толық енін және дөңгелек бұрыштары жоқ ету үшін .jumbotron-fluidмодификатор сыныбын қосыңыз және a .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>