Navbar菜單項與下方的酒吧懸停/點擊

我想使用bootstrap製作html導航欄，因此它看起來類似於twitter的當前導航欄，其中當前選定的標籤在下面有一行，並且行出現在菜單下當你將鼠標懸停在它們上面時。我試着看過這個例子，但還沒有發現如何做到這一點。 enter image description here Navbar菜單項與下方的酒吧懸停/點擊

不能確定它是否是最好使用導航丸

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Profile</a></li> 
    <li><a href="#">Messages</a></li> 
</ul>

還是一個導航欄

任何幫助或指導讚賞的

來源

2014-02-06 holmeswatson

你到目前爲止試過的東西？ – Era

我已經做了navbars，但我從來沒有能夠得到任何像twitter的導航欄，我什至不知道它會被稱爲 – holmeswatson

由於這個問題是有點不清楚，我假設你沒有嘗試過任何東西（根據你的帖子），這是一個起點。

nav a { 
    background-color: white; 
    border-bottom: 5px solid blue; /* define a light blue border for the link */ 
} 
nav a.active { 
    border-bottom: 5px solid white; /* simulate increase in white color */ 
} 
nav a:hover { 
    border-bottom-color: green; /* change border-color to green on hover */ 
} 
nav li { 
    border-bottom: 2px solid blue; /* constant light blue border */ 
}

爲了將來的參考，請考慮顯示您嘗試過的代碼。

來源

2014-02-06 12:08:39 davewoodhall

Navbar菜單項與下方的酒吧懸停/點擊

回答

相關問題