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

bootstarp 常用 bage ,它能够有不一样颜色的spa

<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>class

或者是  使用 label 标签也是能够的import

<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> im

颜色样式设置:样式

和按钮元素button相似,label样式也提供了多种颜色:di

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

  ☑   label-primary:主要标签,深蓝色标签

  ☑   label-success:成功标签,绿色co

  ☑   label-info:信息标签,浅蓝色错误

  ☑   label-warning:警告标签,橙色

  ☑   label-danger:错误标签,红色

相关文章
相关标签/搜索