Bootstrap - Buttons

Trong bootstrap, button có 7 loại khác nhau, bao gồm :

• .btn-default
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning
• .btn-danger
• .btn-link

Ví dụ :

---

Các class của button có thể được đặt trong các thẻ <a>, <button> hoặc <input> :

Link Button

Link Button

---

Size Buttons

Button trong bootstrap có 4 kích thước như sau :

• .btn-lg
• .btn-md
• .btn-sm
• .btn-xs

Ví dụ :

---

Block Level Buttons

Nếu bạn muốn kích thước của buttons bằng với kích thước phần tử chứa nó, bạn có thể gọi .btn-block. Ví dụ :

<div> chứa button, sử dụng .btn-block

<div> chứa button, không sử dụng .btn-block

---

Active/Disabled Buttons

Button có thể được cài đặt ở trạng thái có thể click (active) hoặc không thể click (disabled) khi gọi 2 class tương ứng bên dưới :

• .active

.disabled

Ví dụ :

Trên đây là tất cả các kiểu và trạng thái của button trong bootstrap, thật dể dàng khi tạo ra một button với kích thước và màu sắc đẹp.