什么是徽章？如何創(chuàng)建徽章？

標簽是放在鏈接文本后面的提示信息，一般用 <span>外加 .badge 創(chuàng)建

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

01.PNG

如何將徽章添加到導(dǎo)航中？

在導(dǎo)航鏈接的文本之后添加徽章元素即可。注意：在堆疊式導(dǎo)航中，徽章放在文本的前面或后面均可

<h4>膠囊式導(dǎo)航中的徽章</h4>

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

<br>

<h4>堆疊式導(dǎo)航中的徽章</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