บูตหน้าจอขนาดใหญ่
คุณลักษณะของบทนี้ก็จะอธิบายการสนับสนุนเงินทุน, หน้าจอขนาดใหญ่ (Jumbotron) เป็นชื่อที่แสดงให้เห็นส่วนนี้สามารถเพิ่มขนาดของชื่อเรื่องและเพิ่มเนื้อหาเพิ่มเติมจากด้านนอกของหน้า Landing Page (ขอบ) ที่จะใช้หน้าจอขนาดใหญ่ (Jumbotron) เป็นดังนี้:
- สร้าง .jumbotronชั้นเรียนกับ. ตู้คอนเทนเนอร์ <div>
- นอกเหนือจาก <h1> น้ำหนักfont-weightตัวอักษรก็จะลดลง 200px
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงจุดนี้:
ตัวอย่าง
<div class = "ภาชนะ">
<div class = "jumbotron">
<h1> ยินดีต้อนรับหน้า! </ h1>
<p> นี่คือตัวอย่างของหน้าจอขนาดใหญ่ (Jumbotron) ของ </ p>
<p> <a class = "btn BTN หลัก BTN -lg" บทบาท = "ปุ่ม"> เรียนรู้เพิ่มเติม </ a>
</ p>
</ div>
</ div>
ลอง»
ผลมีดังนี้
เพื่อให้ได้ความกว้างเต็มรูปแบบและไม่ใช้หน้าจอขนาดใหญ่ที่มีมุมโค้งมนใช้.jumbotron ระดับในทุกระดับ.container นอกดังแสดงในตัวอย่างต่อไปนี้:
ตัวอย่าง
<div class = "jumbotron">
<div class = "ภาชนะ">
<h1> ยินดีต้อนรับหน้า! </ h1>
<p> นี่คือตัวอย่างของหน้าจอขนาดใหญ่ (Jumbotron) ของ </ p>
<p> <a class = "btn BTN หลัก BTN -lg" บทบาท = "ปุ่ม"> เรียนรู้เพิ่มเติม </ a>
</ p>
</ div>
</ div>
ลอง»
ผลมีดังนี้