bootply bootstrap 通知菜单在右上角包含一个数字

Question

我想使用这个 bootstrap 通知菜单

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

但需要在字形右上角包含通知数量。我通读了 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>

bootply bootstrap 通知菜单在右上角包含一个数字

bootply bootstrap notification menu include a number at the upper right

css

twitter-bootstrap

glyphicons