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