Labels and Badges

Basic Labels

You can use tags to highlight anywhere content.

Default Primary Success Info Warning Danger Royal

Example of labels in titles

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Example heading New

Lorem ipsum dolor sit amet, consectetur adipisicing elit.


<!-- 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>
<span class="label label-royal">Royal</span>

<!-- Badges -->
<a href="#">Normal badge <span class="badge">42</span></a>
<a href="#">Square badge <span class="badge badge-square">42</span></a>
<a href="#">Round badge <span class="badge badge-round">42</span></a>
<a href="#">Primary Normal badge <span class="badge badge-primary">42</span></a>
<a href="#">Primary Square badge <span class="badge badge-primary badge-square">42</span></a>
<a href="#">Primary Round badge <span class="badge badge-primary badge-round">42</span></a>
                            

Navigation

Social Media