如何在使用Bootstrap時將警報置於導航欄中？

Question

我正在學習引導程序，並使用此示例構建網站：http://twitter.github.com/bootstrap/examples/hero.html

我想在導航欄中顯示警報。我怎樣才能做到這一點？

Answer 1

此使用的下拉導航...

檢查這一點，

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

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

感謝

Answer 2

這取決於你想要什麼。您可以使用labels and badges來顯示簡短消息或通知數量以及指向單獨頁面的鏈接。或者您可以將tooltip或popover附加到它。例如。

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