Source

Жумботрон

Баатарын хэв маягийн агуулгыг харуулах хөнгөн, уян хатан бүрэлдэхүүн хэсэг.

Хөнгөн, уян хатан бүрэлдэхүүн хэсэг нь таны сайт дээрх маркетингийн гол мессежүүдийг харуулахын тулд харах хэсгийг бүхэлд нь өргөтгөх боломжтой.

Сайн уу, дэлхий!

Энэ бол онцлох контент эсвэл мэдээлэлд илүү анхаарал хандуулахад зориулагдсан энгийн баатрын нэгж, энгийн 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.

Шингэн жумботрон

Энэ бол эцэг эхийнхээ хэвтээ орон зайг бүхэлд нь эзэлдэг өөрчлөгдсөн jumbotron юм.

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