Available variations

Add any of the below mentioned modifier classes to change the appearance of a label.

Default Primary Accent Success Info Warning Danger

Code:

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-accent">Accent</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>

Badges

Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

Inbox 42

Code:

<a href="#">Inbox <span class="badge">42</span></a>
<button class="btn btn-primary" type="button">
  Messages <span class="badge">4</span>
</button>

JS Polls

Which is the best CMS?

loader
This poll ends on Sep 30 2020 at 12:30 AM
View all polls

Photos