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

时间:2015-01-12 16:13:29

标签: css css3 twitter-bootstrap twitter-bootstrap-2

我试图在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图像.. 我基本上只想要一个没有任何边框的白色背景。

1 个答案:

答案 0 :(得分:0)

当然......我需要睡觉

background-image: none !important;