Labels & Badges

Some labels and badges to use how you please, the first set for example is with .text-color class applied to the heading classes. Feel free to adjust how you need to.

Default label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

Primary label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

Success label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

Info label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

Warning label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

Danger label New

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque nulla consequat ante laoreet pharetra.

<h1>Primary label <span class="label label-primary">New</span></h1>
<h2>Default label <span class="label label-default">New</span></h2>
<h3>Success label <span class="label label-success">New</span></h3>
<h4>Info label <span class="label label-info">New</span></h4>
<h5>Warning label <span class="label label-warning">New</span></h5>
<h6>Danger label <span class="label label-danger">New</span></h6>

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

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

Some badges for navigations menus or however you need.

<a href="#">Default <span class="badge">34</span></a>
<a href="#">Round <span class="badge badge-round">34</span></a>
<a href="#">Square <span class="badge badge-square">34</span></a>

<a href="#">Default <span class="badge badge-primary">34</span></a>
<a href="#">Round <span class="badge badge-primary badge-round">34</span></a>
<a href="#">Square <span class="badge badge-primary badge-square">34</span></a>