Html 无药丸引导3导航

Html 无药丸引导3导航,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我想在我的头上有一个导航。 HTML当前如下所示: <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 hre

我想在我的头上有一个导航。 HTML当前如下所示:

<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>
使用引导时,如下所示:


现在,我想获得一个类似的结果,但没有药片(即,只是下划线)。我知道我可以在CSS中做到这一点,但我希望有一个更干净的解决方案。有人知道吗?

不要使用.nav或.nav药片。相反,在
ul
上内联放置一个.list:

您认为需要更改CSS.cleaner解决方案吗?覆盖某些样式有什么问题?我想唯一的其他选择是使用
list inline
而不是
nav
,但是您没有获得正确的间距:您是否尝试过删除nav类?使用导航栏导航向右拉?仅CSS,不使用引导?