แผง
แผงในบูตเป็นกล่องขอบกับ padding บางรอบเนื้อหา:
แผงพื้นฐาน
แผงจะถูกสร้างขึ้นด้วย .panel ชั้นเรียนและเนื้อหาภายในแผงมี .panel-body ระดับ:
ตัวอย่าง
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
ลองตัวเอง» .panel-default ระดับจะใช้ในรูปแบบสีของแผง ดูตัวอย่างที่ผ่านมาในหน้านี้สำหรับการเรียนมากขึ้นตามบริบท
หัวเรื่องแผง
หัวเรื่องแผง
เนื้อหาแผง
.panel-heading ระดับเพิ่มมุ่งหน้าไปยังแผง:
ตัวอย่าง
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
ลองตัวเอง» แผงท้าย
เนื้อหาแผง
.panel-footer ระดับเพิ่มส่วนท้ายที่แผงไปนี้:
ตัวอย่าง
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
ลองตัวเอง» กลุ่มแผง
ไปยังกลุ่มแผงจำนวนมากร่วมกัน, ห่อ <div> กับชั้น .panel-group รอบตัวพวกเขา
.panel-group ระดับล้างด้านล่างขอบของแต่ละแผง:
ตัวอย่าง
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
</div>
ลองตัวเอง» แผงกับการเรียนการสอนตามบริบท
สีแผงใช้เรียนตามบริบท ( .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning หรือ .panel-danger ):
ตัวอย่าง
Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 »