Bootstrap navbar 背景颜色、背景图和字体颜色修改,颜色修改不显示的问题

一、背景颜色、背景图修改

我在学些JS Web开发的过程中遇到以下问题：
<div class="navbar navbar-fixed-top">
，这里的navbar就是我网页的“网页头部”，我用MVC开发，默认的颜色是黑色，我前段时间费了很大劲才把这个navbar的颜色修改成别的颜色，主要经验有以下（首先不管到底对不对）：
（1）修改的时候不要有多余的Index文件（就是和你要测试的文件有重复类的类似文件）在你的同一个工程文件夹里；
（2）修改Bootstrap.css文件里面的navbar的颜色部分，具体如下：

.navbar {  position: relative;  min-height: 50px;  margin-bottom: 1px;  background-color:#D6123E;  //此处是我修改的地方  background-image: url("../App_Themes/header.jpg");  border: 1px solid transparent;}

但是我今天想在.navbar 里修改背景颜色的时候，用IE测试，就是无法显示我的修改结果，我费了半天劲修改.navbar
-default，但是还是不能修改。无奈之下我用Chrome测试，发现我的修改已经能显示出来了，我实在是不明白IE到底什么毛病呀，后来我想是不是要清理下IE的缓存？
于是马上清理的IE的缓存，可是依然没有反应，还是以前的颜色！！！使用Page Inspector 测试，也已经修改过来。然后再用IE测试发现IE里面显示网页也修改过来了！！
然后再次修改.navbar 的background-color为其它颜色，发现现在IE的颜色在修改后都能及时显示出来。哎，实在不明白IE到底是什么毛病呢？？？？？？？？？
二、字体颜色修改
背景图修改完后，navbar里面的字体的颜色默认是蓝色，和北京有点重复，这个怎么修改呢？通过google搜索bootstrap navbar font
color到这个网址：http://stackoverflow.com/questions/24899720/bootstrap-navbar-cant-change-font-color
。大概意思就是我们的 bootstrap.css文件的第1009行有以下内容：

a {  color: #337ab7;  text-decoration: none;}

这个就是你代码里的所有“连接”的字体颜色和装饰（通常为下划线），所以我们要建立自己的css文件来屏蔽bootstrap.css文件的默认设置，我在site.css文件里面的设置如下：

.navbar a{    color:white;}

用Page Inspector 和 IE 测试，OK，但是为什么在Chrome里面又不行呢？哎，真是服了！！后来清理下缓存也能准确显示了！哎，新手到处都是坑呀

转自：http://blog.csdn.net/liuguobo/article/details/50847880