bootply bootstrap通知菜单包含右上角的数字

Question

我想使用此引导程序通知菜单

http://www.bootply.com/oasBuRC8Kz#

但需要在glyphicon的右上角包含通知数量。我通读了glyphicon的文档。我没有看到那个选项。我想要一些类似于linkein带有菜单选项的选项。谢谢，

Answer 1

您可以在以下位置查看glyphicon的文档：

http://getbootstrap.com/components/

如果您需要通知中的号码，请转到徽章：

http://getbootstrap.com/components/#badges

只需将两者结合起来即可获得结果：

https://jsfiddle.net/0rr2s5t5/

<button class="btn btn-primary" type="button">
  <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
 <span class="badge">4</span>
</button>