Bootstrap - การสาธิตที่ตอบสนอง

Bootstrap มีคลาสผู้ช่วยจำนวนหนึ่งเพื่อการพัฒนาที่เป็นมิตรกับมือถือได้เร็วขึ้น สิ่งเหล่านี้สามารถใช้เพื่อแสดงและซ่อนเนื้อหาตามอุปกรณ์ผ่านการสืบค้นสื่อรวมกับอุปกรณ์ขนาดใหญ่ขนาดเล็กและขนาดกลาง

ใช้สิ่งเหล่านี้เท่าที่จำเป็นและหลีกเลี่ยงการสร้างไซต์เวอร์ชันเดียวกันโดยสิ้นเชิง Responsive utilities are currently only available for block and table toggling.

ชั้นเรียน	อุปกรณ์
. ล่องหน -xs	มองเห็นขนาดเล็กพิเศษ (น้อยกว่า 768px)
. ล่องหน -sm	มองเห็นขนาดเล็ก (สูงสุด 768 พิกเซล)
.visible-md	มองเห็นขนาดปานกลาง (768 px ถึง 991 px)
. ล่องหน -Lg	มองเห็นได้ใหญ่ขึ้น (992 พิกเซลขึ้นไป)
.hidden-xs	ขนาดเล็กพิเศษ (น้อยกว่า 768px) ซ่อน
.hidden-sm	ขนาดเล็ก (ไม่เกิน 768 พิกเซล) ซ่อน
.hidden-md	ปานกลาง (768 พิกเซล 991 พิกเซล) ซ่อน
.hidden-lg	ขนาดใหญ่ (992 พิกเซลขึ้นไป) ซ่อน

ตัวอย่าง	คำอธิบาย	ลิ้งค์ดาวน์โหลด
การ์ดตอบสนอง	ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างการ์ดใน Bootstrap	ดาวน์โหลด
คำรับรองง่ายๆ	ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างข้อความรับรองใน Bootstrap	ดาวน์โหลด
ตารางวิดีโอ	ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้าง Grid Video ใน Bootstrap	ดาวน์โหลด
ภาพแบนเนอร์	ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างภาพแบนเนอร์ใน Bootstrap	ดาวน์โหลด
ม้าหมุนพร้อมตัวบ่งชี้ใบหน้า	ตัวอย่างนี้ระบุเกี่ยวกับ Carousel พร้อมโครงสร้างตัวบ่งชี้ใบหน้าใน Bootstrap	ดาวน์โหลด