Labels and badges
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>
|
Labels and badges
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>
|
Labels and badges
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>
|
Labels and badges
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>
|