Components & Shortcodes

External Reference

Labels

Table of Contents

Standard Markup

Default Primary Success Info Warning Danger Purple Campus Event 
<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-campus">Purple</span>
<span class="label label-campus">Campus</span>
<span class="label label-event">Event</span>

Label Remove

Default Primary Success Info Warning Danger Purple Campus Event 
<span class="label label-default">Default<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-primary">Primary<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-success">Success<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-info">Info<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-warning">Warning <a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-danger">Danger<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-campus">Purple<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-campus">Campus<a href="#" class="remove"><i class="fa fa-times"></i></a></span>
<span class="label label-event">Event<a href="#" class="remove"><i class="fa fa-times"></i></a></span>