Default label-default

Primary label-primary

Info label-info

Success label-success

Warning label-warning

Danger label-danger

All the default span classes you expect to find with Bootstrap are included.

<span type="span" class="label label-default">span</span>
<span type="span" class="label label-primary">span</span>
<span type="span" type="span" class="label label-info">span</span>
<span type="span" type="span" class="label label-success">span</span>
<span type="span" type="span" class="label label-warning">span</span>
<span type="span" type="span" class="label label-danger">span</span>
<span type="span" type="span" class="label label-link">span</span>

Icon span

Icon span

Icon span

   

With the integration of Font Awesome with your template you can add any icon from a collection of over 400 icons to your spans.

<span class="label label-primary" type="span"><i class="fa fa-picture-o"></i> Icon span</span>
<span class="label label-primary" type="span"><i class="fa fa-database"></i> Icon span</span>
<span class="label label-primary" type="span"><i class="fa fa-bar-chart-o"></i> Icon span</span>
<span class="label label-lg label-primary" type="span"><i class="fa fa-cogs"></i></span>
<span class="label label-primary" type="span"><i class="fa fa-coffee"></i></span>
<span class="label label-sm label-primary" type="span"><i class="fa fa-camera"></i></span>