Tags
Tags can be used as a way to organize items into categories using keywords that describe them. Tags can be used in conjunction with multi select to show what selections have been made, or with other components such as a filtering mechanism.
Description
Tags usually represent a category or label of an object. Sometimes they are removable.
Tag Types
Default Tags
Default
Inverse
Primary
Info
Warning
Danger
Success
<ul class= "list-unstyled" >
<li class= "tag tag-default" >
Default
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-inverse" >
Inverse
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-primary" >
Primary
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-info" >
Info
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-warning" >
Warning
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-danger" >
Danger
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-success" >
Success
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
</ul>
Subtle Tags
Default
Primary
Info
Warning
Danger
Success
<ul class= "list-unstyled" >
<li class= "tag tag-default subtle" >
Default
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-primary subtle" >
Primary
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-info subtle" >
Info
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-warning subtle" >
Warning
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-danger subtle" >
Danger
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
<li class= "tag tag-success subtle" >
Success
<a href= "#Tags" class= "fa fa-close fa-muted" data-dismiss= "tag" ></a>
</li>
</ul>