Source

Jumbotron

Баатыр бирдигинин стилиндеги мазмунду көрсөтүү үчүн жеңил, ийкемдүү компонент.

Жеңил, ийкемдүү компонент, бул сиздин сайтыңыздагы негизги маркетинг билдирүүлөрүн көрсөтүү үчүн бардык көрүнүштү кеңейте алат.

Салам дүйнө!

Бул жөнөкөй баатыр бирдиги, өзгөчөлөнгөн мазмунга же маалыматка кошумча көңүл буруу үчүн жөнөкөй jumbotron стилиндеги компонент.


Ал типография үчүн пайдалуу класстарды жана чоңураак контейнердин ичиндеги боштук мазмунун колдонот.

Көбүрөөк билүү

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