Bootstrap .badge
徽章
徽章是表示有多少项目与链接关联的数字指示器：
消息5评论10
更新2
数字（5、10 和 2）是徽章。
使用.badge类内<span>创建徽章的元素：
示例
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments <span class="badge">10</span></a><br>
<a href="#">Updates <span class="badge">2</span></a>
亲自试一试 »
徽章也可以用在其他元素内，例如按钮：
以下示例展示了如何向按钮添加徽章：
示例
<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>
亲自试一试 »
标签
标签用于提供有关某事物的附加信息：
示例新的
示例新的
示例新的
示例新的
示例新的
示例新的
使用.label类，然后是六个上下文类之一.label-default,.label-primary,.label-success,.label-info,.label-warning或者.label-danger，在一个<span>创建标签的元素：
示例
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
亲自试一试 »
以下示例显示了所有上下文标签类：
默认标签
主标签
成功标签
信息标签
警告标签
危险标签
示例
<span class="label label-default">Default Label</span>
<span class="label label-primary">Primary Label</span>
<span class="label label-success">Success Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning Label</span>
<span class="label label-danger">Danger Label</span>
亲自试一试 »
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!