徽章
默认
给徽章元素添加状态类即可，如给
.badge 添加
.badge-success 类等。
圆角
通常用来显示数量消息，通过添加
.badge-radius 类来实现。
幽灵徽章
徽章可以有不同的轮廓的风格和边框颜色，添加
.badge-outline 即可
大小
各种大小规格的徽章，可以通过添加
.badge-lg 或
.badge-sm 类来实现。
在标题中显示
在标题中添加
<span class="badge badge-primary"> 即可。
h1. 这里是一个标题 新
h2. 这里是一个标题 新
h3. 这里是一个标题 新
h4. 这里是一个标题 新
h5. 这里是一个标题 新
h6. 这里是一个标题 新
在按钮中显示
当需要突出显示或者显示未读条目是，可以通过在按钮中添加
<span class="badge"> 类来实现。
定位
常用在邮件客户端或 APP 等需要推送通知的应用中，可以通过在徽章中
.up ，
.badge-warning 等类来实现。
状态
你可以参考以下例子来在头像图片或类似元素创建状态指示灯徽章。
在选项卡中显示
通过添加
<span class="badge badge-pill"> 类来高亮显示未读条目。