google,百度了半天,也尝试修改了很多地方的class,background-color,但是毫无结果。
最后用firedebug发现除了background-color之外,还有其它几个属性:
background-image:
background-image:
background-image:
background-image:
background-image:
background-image:
background-repeat
在stack overflow找到了解决办法。
在css下新建style.css,并覆写bootstrap的.navbar-inner属性:
.navbar-inner {
background-color:#f58220;
/* Gradients for modern browsers, replace as you see fit */
background-image: -moz-linear-gradient(top, #f58220, #fedcbd);
background-image: -ms-linear-gradient(top, #f58220, #fedcbd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f58220), to(#fedcbd));
background-image: -webkit-linear-gradient(top, #f58220, #fedcbd);
background-image: -o-linear-gradient(top, #f58220, #fedcbd);
background-image: linear-gradient(top, #f58220, #fedcbd);
background-repeat: repeat-x;
/* IE8-9 gradient filter */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#fedcbd', GradientType=0);
}