什么是徽章？如何创建徽章？

标签是放在链接文本后面的提示信息，一般用 <span>外加 .badge 创建

<a href = "#">Mailbox <span class = "badge">50</span></a>

01.PNG

如何将徽章添加到导航中？

在导航链接的文本之后添加徽章元素即可。注意：在堆叠式导航中，徽章放在文本的前面或后面均可

<h4>胶囊式导航中的徽章</h4>

<ul class = "nav nav-pills">
    <li class = "active"><a href = "#">首页 <span class ="badge">42</span></a></li>
    ......
</ul>

<br>

<h4>堆叠式导航中的徽章</h4>

<ul class = "nav nav-pills nav-stacked" style = "max-width: 260px;">
    <li class = "active">
        <a href = "#">
            <span class = "badge pull-right">42</span>
            首页
        </a>
    </li>

    ......

</ul>

02.PNG