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> |
Badges
| Name |
Example |
Markup |
| Default |
1 |
<span class="badge">1</span> |
| Success |
2 |
<span class="badge badge-success">2</span> |
| Warning |
4 |
<span class="badge badge-warning">4</span> |
| Important |
6 |
<span class="badge badge-important">6</span> |
| Info |
8 |
<span class="badge badge-info">8</span> |
| Inverse |
10 |
<span class="badge badge-inverse">10</span> |
Easily collapsible
For easy implementation, labels and badges will simply collapse (via CSS's :empty selector) when no content exists within.
