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.
Tags usually represent a category or label of an object. Sometimes they are removable.
<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><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>