【徽章】
<span class="badge">1</span>
<span class="badge badge-danger">2</span>
<span class="badge badge-success">3</span>
<span class="badge badge-warning">4</span>
<span class="badge badge-info">5</span>
注意:bootstrap 默认只有灰色,并没有包含其他颜色,因此我们需要自定义 css 样式,颜色才能生效
/** 选中 #C7DAF2 **/
.badge-danger{background-color: #D9534F;}
.badge-success{background-color: #5CB85C;}
.badge-warning{background-color: #F0AD4E;}
.badge-info{background-color: #5BC0DE;}
.badge-content-default{background-color: #FFFFFF; color: A7A9AA;}
.badge-content-danger{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-success{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-warning{background-color: #5BC0DE; color: A7A9AA;}
.badge-content-info{background-color: #5BC0DE; color: A7A9AA;}