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.

Share on Google Plus

Về tôi

Chào bạn ! Mình là Unknown, rất mê phim kiếm hiệp và vẫn FA. Bạn có thể tìm mình qua :