html - Bootstrap 3 导航没有药丸

标签 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 href="/Account/LogOff">Sign out</a></li>
</ul>

使用 Bootstrap 这看起来像这样:http://jsfiddle.net/3WGt6/

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

最佳答案

不要使用 .nav 或 .nav-pills。相反,在 ul 上放置一个 .list-inline:http://jsfiddle.net/3WGt6/2/

关于html - Bootstrap 3 导航没有药丸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20129100/

相关文章:

javascript - 按类名仅更改所有元素的左偏移量

html - 无法为容器流体设置背景颜色

javascript - Bootstrap + Webpack 忽略了我的 Bootstrap 类

javascript - 没有表单的 HTML 输入框

CSS 嵌套列表到多列

html - 如何用css卡住帧

javascript - 动画 Accordion 背景

java - 通过 curl 使用 JSTL formatNumber 的浮点舍入错误

javascript - Javascript 倒计时时钟不会显示

html - 在 2 列布局中居中图像