| 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>
|
| 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.
