更改Bootstrap Yeti主题的Navbar颜色

时间:2014-04-08 08:34:54

标签: css3 twitter-bootstrap

我是使用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文件进行了更改。

我需要做些什么来进行这些更改?

的Site.Master

Content

1 个答案:

答案 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;
}