Default Labels

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>

Label Icons

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>

Disclaimer

All stock images on this template demo are for presentation purposes only, intended to represent a live site and are not included with the template or in any of the Joomla51 club membership plans.

Dribbble images are property of their respective owners. All other images are freely available from Unsplash.

Image Credits