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>