什么是徽章?如何创建徽章?
标签是放在链接文本后面的提示信息,一般用 <span>
外加 .badge
创建
<a href = "#">Mailbox <span class = "badge">50</span></a>
如何将徽章添加到导航中?
在导航链接的文本之后添加徽章元素即可。注意:在堆叠式导航中,徽章放在文本的前面或后面均可
<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>
网友评论