Bootstrap - การสาธิตรูปภาพ
Bootstrap มีสามคลาสที่สามารถใช้เพื่อปรับใช้สไตล์ง่ายๆกับรูปภาพ -
.img-rounded - เพิ่มborder-radius: 6pxเพื่อให้รูปภาพมีมุมโค้งมน
.img วงกลม - ทำให้รอบภาพทั้งหมดโดยการเพิ่มborder-radius: 500px
.img- ภาพขนาดย่อ - เพิ่มช่องว่างภายในเล็กน้อยและขอบสีเทา:
| ตัวอย่าง | คำอธิบาย | ลิ้งค์ดาวน์โหลด |
|---|---|---|
| แกลเลอรีภาพ | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างแกลเลอรีรูปภาพใน Bootstrap | ดาวน์โหลด |
| ซูมภาพ | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้าง Image Zoom ใน Bootstrap | ดาวน์โหลด |
| แกลเลอรีรูปภาพของทีม | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างอิมเมจกริดใน Bootstrap | ดาวน์โหลด |
| ภาพพื้นหลัง | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างภาพพื้นหลังใน Bootstrap | ดาวน์โหลด |
| รูปภาพในแผงควบคุม | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างรูปภาพใน Bootstrap | ดาวน์โหลด |