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 بالعرض الكامل ، وبدون زوايا دائرية ، أضف .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>