纯色导航条推特引导

Question

首先，我是一个完全的新手。

我有一个主要的问题，当我试图找出导航条为我的网站。

我唯一想做的就是将导航栏设置为纯黑色，文本为白色。在移动屏幕上，按钮是一样的。纯黑色，右上角有三个白线。

• 没有渐变…
• 没有影子…
• 没有额外的花哨的东西…

我试图覆盖bootstrap.css从我自己的样式表(如前所述的一些帖子这里)，因为我不想打乱原来的css。但是它从来都不起作用，我现在快疯了。

谁有简单的解决办法，我洗耳恭听

Answer 1

我认为你几乎可以用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)

Answer 2

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