BS Badges / Labels
Badges
Badges are numerical indicators of how many items are associated with a link:
The badges are represented by the numerals 5, 10, and 2.
To make badges, add the .badge class to <span> elements.
Example
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments <span class="badge">10</span></a><br>
<a href="#">Updates <span class="badge">2</span></a>
Badges can also be utilized within other elements, such as buttons.
---- button mukava -----
The following example shows how to add badges to buttons:
Example
<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>
Labels
Labels are used to convey more information about something.
Example New
Example New
Example New
Example New
Example New
Example New
Use the .label class, followed by one of the six contextual classes .label-default, .label-primary, .label-success, .label-info, .label-warning or .label-danger, within a <span> element to create a label:
Example
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
The following sample demonstrates all contextual label classes:
------ button mukavu ------
Example
<span class="label label-default">Default Label</span>
<span class="label label-primary">Primary Label</span>
<span class="label label-success">Success Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning Label</span>
<span class="label label-danger">Danger Label</span>
