Bootstrap 5 Jumbotron

Bootstrap 5 Jumbotron

จุดเริ่มต้นของ jumbotron ใน Bootstrap 3 จะสร้างกรอบที่มีการบวกเติมใหญ่ สำหรับให้ความสนใจเพิ่มเติมต่อเนื้อหาหรือข้อมูลพิเศษ

Bootstrap 5 ไม่สนับสนุน Jumbotron อีกต่อไป แต่คุณสามารถใช้ <div> เพิ่มอุปกรณ์และประกอบด้วยชั้นหลักเชิงช่วยและชั้นหลักสีเพื่อให้มีผลลัพธ์เหมือนกัน

ตัวอย่าง Jumbotron

ตัวอย่าง

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>ตัวอย่าง Jumbotron</h1>
  <p>นครเซี่ยงไฮ้ หรือเรียกว่าฮาง หรือชื่ออื่น ๆ คือเมืองหลวงมหานครของสาธารณรัฐประชาชนจีน ศูนย์กลางเศรษฐกิจ การเงิน การค้าและการขนส่งทางทะเลของประเทศจีน ...</p>
</div>

ลองทดสอบด้วยตัวเอง