ปุ่มสี
ขนาดปุ่ม
Active/Disabled ปุ่ม
ปุ่มระดับบล็อก
เรียนปุ่ม
เรียนด้านล่างสามารถใช้ในรูปแบบใด <a>, <button> หรือ <input> องค์ประกอบ:
| ชั้น | ลักษณะ | ตัวอย่าง |
|---|---|---|
| .btn | เพิ่มขั้นพื้นฐานเพื่อจัดแต่งทรงผมปุ่มใด ๆ | ลองมัน |
| .btn-default | ระบุว่ามีการเริ่มต้น / ปุ่มมาตรฐาน | ลองมัน |
| .btn-primary | ให้น้ำหนักภาพพิเศษและระบุการดำเนินการหลักในชุดของปุ่ม | ลองมัน |
| .btn-success | บ่งชี้ว่ามีการดำเนินการที่ประสบความสำเร็จหรือบวก | ลองมัน |
| .btn-info | ปุ่มบริบทสำหรับข้อความแจ้งเตือนให้ข้อมูล | ลองมัน |
| .btn-warning | แสดงความระมัดระวังควรจะต้องดำเนินการกับการกระทำนี้ | ลองมัน |
| .btn-danger | บ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบ | ลองมัน |
| .btn-link | ทำให้ปุ่มมีลักษณะเหมือนการเชื่อมโยง (จะยังคงมีพฤติกรรมปุ่ม) | ลองมัน |
| .btn-lg | ทำให้ปุ่มขนาดใหญ่ | ลองมัน |
| .btn-sm | ทำให้ปุ่มเล็ก ๆ | ลองมัน |
| .btn-xs | ทำให้ปุ่มขนาดเล็กพิเศษ | ลองมัน |
| .btn-block | ทำให้ปุ่มระดับบล็อก (ครอบคลุมเต็มความกว้างขององค์ประกอบหลัก) | ลองมัน |
| .active | ทำให้ปุ่มกดปรากฏ | ลองมัน |
| .disabled | ทำให้ปุ่มปิดการใช้งาน | ลองมัน |