使用Bootstrap时,如何在导航栏中添加警报?

时间:2013-04-04 05:55:29

标签: twitter-bootstrap

我正在学习bootstrap,并使用此示例构建网站:http://twitter.github.com/bootstrap/examples/hero.html

我想在导航栏中显示提醒。我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

这取决于你想要什么。您可以使用labels and badges来显示包含指向单独页面的链接的短消息或通知数量。或者您可以附加tooltippopover。例如。

<a href="#" 
   data-html="true"
   data-placement="bottom"
   data-toggle="popover"
   data-content="Notification 1<br/>Notification 2"
   data-original-title="Notifications">
    <span class="badge badge-success">2</span> Notifications
</a>

http://jsfiddle.net/WBTf8/22/

答案 1 :(得分:0)