徽章
轻松创建好看的徽章来标示和强调你的内容。
默认
要创建一个徽章,只需添加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>
按钮中的徽章
示例
代码
<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>