in English

جامبوترون

جزء سبک وزن و انعطاف پذیر برای نمایش محتوای سبک واحد قهرمان.

یک جزء سبک وزن و انعطاف پذیر که می تواند به صورت اختیاری کل نمای را برای نمایش پیام های بازاریابی کلیدی در سایت شما گسترش دهد.

سلام دنیا!

این یک واحد قهرمان ساده است، یک جزء ساده به سبک جامبوترون برای جلب توجه بیشتر به محتوا یا اطلاعات ویژه.


از کلاس‌های کاربردی برای تایپوگرافی و فاصله‌گذاری تا محتوای درون ظرف بزرگ‌تر استفاده می‌کند.

بیشتر بدانید
<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>