Bootstrap 3 Labels

Append and highlight additional information to a string of text.

Bootstrap's label classes can be used to highlight additional information that's appended to a string of text.

To create a label, apply the .label class, as well as one of the .label-* classes to the <span> element that represents the label.

Example

Here we create a default label by using class="label label-default".

<h3>25 Tips for Tying Your Shoelace <span class="label label-default">New</span></h3>

Variations

The following semantic/color variations are available for labels.

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