Bootstrap navbar 背景颜色、背景图和字体颜色修改 ArcGIS Web 开发学习（四）

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

       我在学些JS Web开发的过程中遇到以下问题：

，这里的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里面又不行呢？哎，真是服了！！后来清理下缓存也能准确显示了！哎，新手到处都是坑呀！