一、徽章

<span class="badge" >42</span>

1、按钮徽章

<button class='btn btn-info'>

    首页

    <span class="badge">10</span>

</button>

2、列表徽章

<ul class="nav nav-pills">

    <li>

        <a href="#">

            消息

        <span class="badge" >20</span>

        </a>

    </li>

</ul>

3、修改背景和字体颜色

<span class='badge' style='background: red; color:#ffffff'>10</span>