Jumbotron Bootstrap 5

Jumbotron Bootstrap 5

در Bootstrap 3، Jumbotron معرفی شد و یک جعبه بزرگ پر از محتوا ایجاد می‌کند که برای جلب توجه بیشتر به محتوای خاص یا اطلاعات استفاده می‌شود.

Bootstrap 5 دیگر از Jumbotron پشتیبانی نمی‌کند. اما می‌توانید از <div> عنصر و به آن کلاس‌های پشتیبان ویژه و کلاس‌های رنگی را اضافه کنید تا به همان اثر برسید:

مثال Jumbotron

مثال

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>مثال Jumbotron</h1>
  <p>شanghai، مخفف sh، مشهور به shen، یکی از شهرهای مستقل چین، مرکز اقتصادی، مالی، تجاری و حمل و نقل چین است ...</p>
</div>

به طور مستقیم امتحان کنید