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 | ดาวน์โหลด |