Bootstrap-v3-组件-标签

标签

1、实例

实用类label和标签外观的类（例如：label-default）来设置标签显示。

 

<!-- 标签 -->
<h3>Example heading <span class="label label-default">New</span></h3>
<h6>最新的新闻做菜的方法全在这里<span class="label label-danger">New</span></h6>
<p>这是最新的bootstrap课程<span class="label label-success">更新</span></p>

2、可用的变体

用下面的任何一个类即可改变标签的外观。

 

<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>