twitter-bootstrap - 使用 Bootstrap 时如何在导航栏中放置警报？

Question

我正在学习引导程序，并使用此示例构建站点：http://twitter.github.com/bootstrap/examples/hero.html

我想在导航栏中显示警报。我怎样才能做到这一点？

Answer 1

这取决于你想要什么。您可以使用标签和徽章来显示短信或通知数量，并带有指向单独页面的链接。或者您可以将工具提示或弹出框附加到它。例如

<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/

Answer 2

为此使用下拉导航...

检查这个，

http://twitter.github.com/bootstrap/components.html#navs

http://twitter.github.com/bootstrap/components.html#navbar

谢谢