徽章

轻松创建好看的徽章来标示和强调你的内容。

默认

要创建一个徽章,只需添加badge类到一个<div><span>元素中。

如斯 FEA

代码

<span class="badge">...</span>

徽章状态

示例

默认 信息 成功 警告 危险

代码

<span class="badge">...</span>
<span class="badge badge-info">...</span>
<span class="badge badge-success">...</span>
<span class="badge badge-warning">...</span>
<span class="badge badge-danger">...</span>

圆角徽章

示例

9 100+

代码

<span class="badge badge-cycle">9</span>
<span class="badge badge-cycle">100+</span>

按钮中的徽章

示例

按钮 9 如斯 45+

代码

<a href="#" class="btn">按钮 <span class="badge badge-cycle">9</span></a>
<a href="#" class="btn btn-info"><i class="icon-asthis"></i> 如斯 <span class="badge">45+</span></a>