Jumbotron درBootstrap  ورژن 4

یک jumbotron جعبه خاکستری است که برای توجه بیشتر به برخی از مطالب یا اطلاعات خاص استفاده می شود.

نکته: در داخل یک jumbotron شما می توانید تقریبا هر HTML معتبر، عناصر / کلاس های بوت استرپ قرار دهید.

از یک عنصر <div> با کلاس .jumbotron برای ایجاد jumbotron استفاده کنید:

<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>

Jumbotron تمام عرض

اگر میخواهید یک jumbotron عرضی کامل بدون مرزهای گرد داشته باشید، کلاس .jumbotron-fluid و یک .container یا .container-fluid را داخل آن اضافه کنید:

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>