我是使用Bootstrap版本3的新手,我正在尝试为VS 2013中的ASP Web应用程序更改Bootstrap Yeti
主题http://bootswatch.com/yeti/的默认导航栏颜色。我下载了{ {1}}和bootstrap.css
个文件并将其复制到我的项目中。
我想将导航栏背景颜色更改为bootstrap.min.css
,将导航栏文字更改为green: 93c951
我已按照此处Change navbar color in Twitter Bootstrap 3的说明获取正确答案,但当我在其他导航栏设置更改中更改blue: 0f74bc.
颜色设置时,导航栏颜色保持不变。我对创建Visual Studio Web窗体应用程序时创建的.navbar-default
文件夹下的bootstrap.css
文件进行了更改。
我需要做些什么来进行这些更改?
Content
答案 0 :(得分:0)
嗯,可能是原始的bootstrap样式会覆盖你的自定义样式。尝试替换/删除从Bootstrap下载的样式 - 或者如果必须,请使用!important
。
.navbar-default {
background-color: #93c951 !important;
border-color: #222222;
}
.navbar-default .navbar-nav > li > a {
color: blue;
}
// Also don't forget to change the hover styles as well
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: blue;
background-color: #93c951 !important;
}
// And the brand colour
.navbar-default .navbar-brand {
color: blue;
}