Bootstrap ตัวอย่างจัมโบตรอน

จัมโบทรอนแบบกำหนดเอง

คุณสามารถสร้าง jumbotron นี้ได้โดยใช้ชุดยูทิลิตี้ เช่นเดียวกับ Bootstrap เวอร์ชันก่อนหน้า ดูตัวอย่างด้านล่างสำหรับวิธีการรีมิกซ์และจัดรูปแบบใหม่ตามที่คุณต้องการ

เปลี่ยนพื้นหลัง

สลับยูทิลิตี้สีพื้นหลังและเพิ่มยูทิลิตี้สี `.text-*` เพื่อผสมผสานรูปลักษณ์ของจัมโบตรอน จากนั้นมิกซ์แอนด์แมทช์กับธีมส่วนประกอบเพิ่มเติมและอีกมากมาย

เพิ่มเส้นขอบ

หรือทำให้สว่างและเพิ่มเส้นขอบเพื่อเพิ่มคำจำกัดความให้กับขอบเขตของเนื้อหาของคุณ อย่าลืมดูข้อมูล HTML ต้นฉบับที่นี่ เนื่องจากเราได้ปรับการจัดตำแหน่งและขนาดของเนื้อหาของทั้งสองคอลัมน์ให้มีความสูงเท่ากัน