Question

首先，我是一名训练有素的新秀。

在尝试找出我网站的导航栏时，我遇到了一个主要问题。

我唯一想做的就是让导航栏显示为黑色，带有白色文字。当进入移动屏幕时，按钮应该是相同的。黑色，右上角有三条白色短划线。

没有渐变......
没有阴影......
根本没有多余的东西...

我试图从我自己的样式表中覆盖bootstrap.css（正如之前的一些帖子所述）因为我不想弄乱原来的CSS。但它永远不会奏效，我现在就疯了。

任何人都有一个简单的解决方案然后我全都听见了。

Answer 1

从.btn删除a.btn.btn-navbar类似乎解决了按钮的视觉问题，但我只使用您在评论中提供的链接进行了测试，而不是使用原始Twitter Bootstrap代码的新页面

Answer 2

我认为你几乎可以用background-image覆盖任何渐变，例如阴影或半径更容易：Demo (jsfiddle)

a,
.btn,
.navbar-inner,
.btn-navbar,
.progress,
.progress .bar {
  background-image: none!important;
}

* {
  -webkit-box-shadow: none!important;
     -moz-box-shadow: none!important;
          box-shadow: none!important;

    text-shadow: none!important;

  -webkit-border-radius: 0!important;
     -moz-border-radius: 0!important;
          border-radius: 0!important;
}

如果您希望使浏览器更精确，更轻松，则应尝试修改Less mixins（或至少覆盖Less代码），因为您无需更改n*∞行，只是少数（见mixins.less）

纯色导航栏Twitter Bootstrap

2 个答案: