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

Question

我正在尝试覆盖 Twitter Bootstrap 2 中导航栏的 CSS，下面是我在控制台中看到的元素时看到的 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 中覆盖这个类 //

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

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

Answer 1

当然...我需要 sleep

background-image: none !important;