Bootstrap navbar 背景颜色、背景图和字体颜色修改,颜色修改不显示的问题
一、背景颜色、背景图修改
我在学些JS Web开发的过程中遇到以下问题: 但是我今天想在.navbar 里修改背景颜色的时候,用IE测试,就是无法显示我的修改结果,我费了半天劲修改.navbar 这个就是你代码里的所有“连接”的字体颜色和装饰(通常为下划线),所以我们要建立自己的css文件来屏蔽bootstrap.css文件的默认设置,我在site.css文件里面的设置如下: 用Page Inspector 和 IE 测试,OK,但是为什么在Chrome里面又不行呢?哎,真是服了!!后来清理下缓存也能准确显示了!哎,新手到处都是坑呀
,这里的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; }
-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; }
.navbar a{ color:white; }