在 Bootstrap 2 中用我自己的覆盖 Bootstrap 导航栏 CSS

Question

我正在尝试覆盖 Twitter 中导航栏的 CSS Bootstrap 2，下面是我在控制台中看到的 CSS 当我期望该元素时。

// CSS found in the original bootstrap.css
.navbar-inner {
 background-color: #fafafa;
 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
 background-repeat: repeat-x;
 border: 1px solid #d4d4d4;
 border-radius: 4px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
 padding-left: 20px;
 padding-right: 20px;
}

我的 CSS 在我自己的 custom.css 中覆盖这个 class //

.navbar-inner {
  border: 0px !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;     
}

如何修改 custom.css 中的 navbar-inner class 以删除所有 box-shadow/border-radius/background 图片.. 我基本上只想要一个没有任何边框的白色背景。

Answer 1

当然...我需要睡觉

background-image: none !important;

在 Bootstrap 2 中用我自己的覆盖 Bootstrap 导航栏 CSS

Override Bootstrap navbar CSS with my own in Bootstrap 2

css

twitter-bootstrap

twitter-bootstrap-2