Buttons

Primary Secondary Success Danger Warning Info Dark Light

---

Outline buttons

Use class btn-outline on any btn

Primary Secondary Success Danger Warning Info Dark Light

Primary Secondary Success Danger Warning Info Dark Light

---

Outline buttons

Use class btn-outline on any btn

Primary Secondary Success Danger Warning Info Dark Light

Large buttons

Use class btn-lg on any btn

Primary Secondary Success

---

Small buttons

Use class btn-sm on any btn

Primary Secondary Success Danger Warning Info Dark

---

Block level buttons

Use class btn-block on any btn

Primary

---

Block toolbar

Combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.

---

Sizing

Instead of applying button sizing classes to every button in a group, just add btn-group-* to each btn-group , including each one when nesting multiple groups.

---

Vertical Group

Use class btn-group-vertical

Primary Secondary Success Danger Warning Info Dark Light

---

Outline buttons

Use class btn-outline on any btn

Primary Secondary Success Danger Warning Info Dark Light

Primary Secondary Success Danger Warning Info Dark

Primary Secondary Success Danger Warning Info Dark Light

---

Split Dropdowns

Split dropdowns are used to seperate links from dropdowns

Primary Secondary Success Danger Warning Info Dark

---

Social Media

Utility classes to provide social media context

Facebook Twitter Dribble Linkedin Instagram

---

Outline Icons

---

Round Icons

---

Elevated Icons