Bootstrap 徽章和标签
徽章
徽章是与链接相关联的项目数量的数字指示符。
新闻 5评论 10
更新 2
数字 (5, 10, and 2) 就是徽章。
使用 .badge 类，放在 <span> 元素内，来创建徽章。
示例
<a href="#">新闻 <span class="badge">5</span></a><br>
<a href="#">评论 <span class="badge">10</span></a><br>
<a href="#">更新 <span class="badge">2</span></a>
自己动手试一试 »徽章也可以用于其他元素内部，例如按钮。
以下示例显示如何将徽章添加到按钮中。
标签
标签用于提供关于某项内容的附加信息。
示例 新
示例 新
示例 新
示例 新
示例 新
示例 新
使用 .label 类，后面跟着一个六个上下文类中的一个 .label-default, .label-primary, .label-success, .label-info, .label-warning 或 .label-danger，放在 <span> 元素内，来创建标签。
示例
<h1>示例 <span class="label label-default">新</span></h1>
<h2>示例 <span class="label label-default">新</span></h2>
<h3>示例 <span class="label label-default">新</span></h3>
<h4>示例 <span class="label label-default">新</span></h4>
<h5>示例 <span class="label label-default">新</span></h5>
<h6>示例 <span class="label label-default">新</span></h6>
自己动手试一试 »以下示例显示了所有上下文标签类。
默认标签 主要标签 成功标签 信息标签 警告标签 危险标签
示例
<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>
自己动手试一试 »
