Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
jumbotron หมายถึงกล่องสีเทาขนาดใหญ่สำหรับการเรียกความสนใจเป็นพิเศษกับเนื้อหาหรือข้อมูลพิเศษบางอย่าง
เคล็ดลับ:ภายใน jumbotron คุณสามารถใส่ HTML ที่ถูกต้องได้เกือบทั้งหมด รวมถึงองค์ประกอบ/คลาส Bootstrap อื่นๆ
Bootstrap กวดวิชา
Bootstrap เป็นเฟรมเวิร์ก HTML, CSS และ JS ที่ได้รับความนิยมมากที่สุดสำหรับการพัฒนาโปรเจ็กต์ที่เน้นอุปกรณ์พกพาบนเว็บ
ใช้<div>
องค์ประกอบที่มีคลาส.jumbotron
เพื่อสร้าง jumbotron:
ตัวอย่าง
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron แบบเต็มความกว้าง
หากคุณต้องการ jumbotron แบบเต็มความกว้างโดยไม่มีขอบมน ให้เพิ่ม.jumbotron-fluid
คลาสและ a .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>