Labels
| Labels | Markup |
|---|---|
| Default | <span class="badge bg-secondary">Default</span> |
| Success | <span class="badge bg-success">Success</span> |
| Warning | <span class="badge bg-warning">Warning</span> |
| Important | <span class="badge bg-danger">Important</span> |
| Info | <span class="badge bg-info">Info</span> |
| Alpha | <span class="badge label-alpha">Alpha</span> |
Badges
| Badges | Markup |
|---|---|
| 1 | <span class="badge bg-secondary">1</span> |
| 2 | <span class="badge bg-success">2</span> |
| 3 | <span class="badge bg-warning">3</span> |
| 4 | <span class="badge bg-danger">4</span> |
| 5 | <span class="badge bg-info">5</span> |
| 9 | <span class="badge badge-bravo">9</span> |
Alerts
Simple Alerts
Warning!
Best check yourself, you're not looking too good.Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Combo Alert
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus.
Take this actionOr do thisWell done! You successfully read this important alert message.