2013-11-21 64 views
0

我想在我的頭部有一個導航。 的HTML目前看起來是這樣的:Bootstrap 3 nav沒有藥片

<ul class="nav nav-pills navbar-right logon-nav"> 
    <li><a href="/Profile">Username</a></li> 
    <li><a href="/Settings">Settings</a></li>  
    <li><a href="/Account/LogOff">Sign out</a></li> 
</ul> 

使用引導這看起來是這樣的:http://jsfiddle.net/3WGt6/

現在我要實現類似的結果,但沒有丸(即只強調)。我知道我可以在CSS中做到這一點,但我希望有一個更清晰的解決方案。有人知道嗎?

+0

上放一個.list-inline想想你需要改變CSS。 – putvande

+0

更清潔的解決方案?重寫某些樣式有什麼問題?我想唯一的其他選擇是使用'list-inline'而不是'nav',但是你沒有得到正確的間距:http://jsfiddle.net/3WGt6/1/ –

+0

你試過去除nav-pills類嗎?並使用導航欄導航拉右? – engineersmnky

回答