Bootstrap - การสาธิตปุ่ม
Bootstrap มีตัวเลือกบางอย่างให้กับปุ่มสไตล์ซึ่งสรุปไว้ในตารางต่อไปนี้ -
| ซีเนียร์ | ชั้นเรียนและคำอธิบาย |
|---|---|
| 1 | btn ปุ่มเริ่มต้น / มาตรฐาน |
| 2 | btn-primary ให้น้ำหนักภาพที่มากขึ้นและระบุการทำงานหลักในชุดปุ่ม |
| 3 | btn-success บ่งบอกถึงการกระทำที่ประสบความสำเร็จหรือในเชิงบวก |
| 4 | btn-info ปุ่มตามบริบทสำหรับข้อความแจ้งเตือนข้อมูล |
| 5 | btn-warning บ่งชี้ว่าควรใช้ความระมัดระวังกับการกระทำนี้ |
| 6 | btn-danger บ่งชี้การกระทำที่เป็นอันตรายหรืออาจเป็นลบ |
| 7 | btn-link ลดขนาดปุ่มโดยทำให้ดูเหมือนเป็นลิงก์ในขณะที่ยังคงลักษณะการทำงานของปุ่ม |
| ตัวอย่าง | คำอธิบาย | ลิ้งค์ดาวน์โหลด |
|---|---|---|
| ปุ่ม iOS | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างปุ่มใน Bootstrap | ดาวน์โหลด |
| ปุ่มรูปภาพ | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างปุ่มรูปภาพใน Bootstrap | ดาวน์โหลด |
| ปุ่มเงา | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างปุ่ม Shadow ใน Bootstrap | ดาวน์โหลด |
| ปุ่มลงทะเบียน | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างปุ่มสมัครใน Bootstrap | ดาวน์โหลด |