Labels
Labels | Markup |
---|---|
Default | <span class="label">Default</span> |
Success | <span class="label label-success">Success</span> |
Warning | <span class="label label-warning">Warning</span> |
Important | <span class="label label-important">Important</span> |
Info | <span class="label label-info">Info</span> |
Inverse | <span class="label label-inverse">Inverse</span> |
Alpha | <span class="label label-alpha">Alpha</span> |
Soft Gray | <span class="label label-soft-gray">Soft Gray</span> |
Bravo | <span class="label label-bravo">Bravo</span> |
Golf | <span class="label label-golf">Golf</span> |
Lime | <span class="label label-lime">Lime</span> |
Light Brown | <span class="label label-light-brown">Light Brown</span> |
Deep Blue | <span class="label label-deep-blue">Deep Blue</span> |
Pinkish | <span class="label label-pinkish">Pinkish</span> |
Badges
Badges | Markup |
---|---|
1 | <span class="badge">1</span> |
2 | <span class="badge badge-success">2</span> |
3 | <span class="badge badge-warning">3</span> |
4 | <span class="badge badge-important">4</span> |
5 | <span class="badge badge-info">5</span> |
6 | <span class="badge badge-inverse">6</span> |
7 | <span class="badge badge-alpha">7</span> |
8 | <span class="badge badge-soft-gray">8</span> |
9 | <span class="badge badge-bravo">9</span> |
10 | <span class="badge badge-golf">10</span> |
11 | <span class="badge badge-lime">11</span> |
12 | <span class="badge badge-light-brown">12</span> |
13 | <span class="badge badge-deep-blue">13</span> |
14 | <span class="badge badge-pinkish">14</span> |
Alerts
Simple Alerts
Warning!
Best check yo self, 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, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
Well done! You successfully read this important alert message.