Bootstrap 内联标签和徽章，lable标签

bootstarp 经常使用 bage ,它可以有不同颜色的

<div class="container">
    <div class="row">
        <div class="span12">
            <p><span class="badge">1</span></p>
            <p><span class="badge badge-success">2</span></p>
            <p><span class="badge badge-warning">4</span></p>
            <p><span class="badge badge-important">6</span></p>
            <p><span class="badge badge-info">8</span></p>
            <p><span class="badge badge-inverse">10</span></p>
        </div>
    </div>
    </div>

或者是  使用 label 标签也是可以的

<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">错误标签</span> 

颜色样式设置：

和按钮元素button类似，label样式也提供了多种颜色：

  ☑   label-deafult:默认标签，深灰色

  ☑   label-primary：主要标签，深蓝色

  ☑   label-success：成功标签，绿色

  ☑   label-info：信息标签，浅蓝色

  ☑   label-warning：警告标签，橙色

  ☑   label-danger：错误标签，红色

转载于:https://my.oschina.net/ouminzy/blog/805264