导航栏颜色Twitter Bootstrap Rails

Question

这是GitHub上的源代码链接

• 我分叉了一个项目，以便学习一些技巧。
• 但是，我在更改NavBar的颜色这一简单任务上遇到了麻烦
• 看来我对bootstrap_and_overrides.css.less更改没有任何作用

我尝试了几种方法。 。 。

...
.....
....... app/assets/stylesheets/bootstrap_and_overrides.css.less
...........
.............


// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #036747;


.navbar {
    background-color: #A4C8EC;
    background-image: none;
}

方法＃2

...
.....
.......
...........

.navbar-inverse .navbar-inner {
    background-color: #FFFFFFF;
    border-color: #252525;
}

方法3

...
.....
.......
...........

@navbarBackground: #ffffff;

思考

• 我确定我使用错误的引导程序或较少的变量。
• 如果您需要更多源代码，请访问GitHub-页面顶部的链接。

谢谢

Answer 1

正如Mallanaga在对您的帖子的评论中提到的那样，您可以尝试在CSS中添加!important ，因此：

.navbar-inverse .navbar-inner {
    background-color: #FFFFFFF;
    border-color: #252525;
}

变为：

.navbar-inverse .navbar-inner {
    background-color: #FFFFFFF !important;
    border-color: #252525 !important;
}

另外， .navbar-inverse检查您是否在HTML中实际使用了.navbar-inverse而不是.navbar-default 。

Answer 2

确保您的bootstrap文件包含在application.css中，以便资产管道完成并且可以进行编辑！

application.css

/*
*
* require bootstrap
*
*/