Labels show concise metadata in a compact format.
Labels are generally used to provide emphasis on a characteristic of an object, e.g., the category of a document. They are generally actionless.
Avoid mixing standard and subtle labels.
Use standard labels by default unless there are going to be many on the screen at once.
<span class="label label-default">DEFAULT</span>
<span class="label label-primary">PRIMARY</span>
<span class="label label-success">SUCCESS</span>
<span class="label label-info">INFO</span>
<span class="label label-warning">WARNING</span>
<span class="label label-danger">DANGER</span>
Use subtle labels when labels are going to be repeated in a grid or list
<span class="label label-default subtle">DEFAULT</span>
<span class="label label-primary subtle">PRIMARY</span>
<span class="label label-success subtle">SUCCESS</span>
<span class="label label-info subtle">INFO</span>
<span class="label label-warning subtle">WARNING</span>
<span class="label label-danger subtle">DANGER</span>
Badges provide a method to highlight a count of an element either next to it or inside the element itself.
<span>People <span class="badge default">5</span> </span>
<span>Cats <span class="badge">200</span> </span>