Rails导航栏颜色没有完全改变引导程序

我是新的导轨，到目前为止我卡住试图改变导航栏的颜色。我已经阅读了有关该主题的几乎所有内容，并且我没有看到任何与我的情况类似的内容。正如你在图片中看到的，导航栏变成了我想要的颜色，但由于某些原因，角落仍然是黑色的，我的下拉菜单的背景仍然是黑色。Rails导航栏颜色没有完全改变引导程序

嗯，我不能上传图片，因为我是新来的。 github存储库在https://github.com/nanurbina/janus.git 我希望有人可以帮我一把。

这是我在_navigation.html.erb

代码，并在css.scss

@import "bootstrap-sprockets"; 
    @import "bootstrap"; 
.navbar-brand { 
    font-size: inherit; 
    background-color:#2d246d; 
    border-color:#2d246d; 
    color:#2d246d; 
    } 
.navbar-collapse 
    { 
    background-color:#2d246d; 
    border-color:#2d246d; 
    color:#2d246d; 
    } 
.navbar-inverse .container { 
    background-color:#2d246d; 
    border-color:#2d246d; 
    color:#2d246d; 
    }

感谢代码！

来源

2015-03-03 nurbina

很难理解你要在这里做什么。为什么所有三种CSS规则的颜色（背景，边框和文字）都是相同的值？ – 2015-03-03 04:23:20

在HTML替换navbar-inverse与myNavbar，并添加以下你的CSS：

.myNavbar { 
    background-color: #ccc; 
    color:#222; 
    border: 1px solid #333; 
}

只要改变颜色代码到你想要什么，你是好去。

来源

2015-03-04 00:41:07

谢谢安德鲁！它解决了角落黑色的问题。但现在我有其他颜色的文字，当我悬停鼠标等等。我改变了值，但不工作。我试图遵循相同的逻辑（将名称更改为其他类），但不起作用。只有类navbar品牌正在响应这些变化。如果你提醒有什么问题，那将会很棒。 – nurbina 2015-03-04 18:20:33

将此内容添加到您的css中： '.myNavbar li a { color：#FFF; } .myNavbar li a：悬停，焦点，活动{0}颜色：#FFF; background-color：none; }' – 2015-03-04 18:31:20

谢谢！它的作品 – nurbina 2015-03-04 19:42:04

Rails导航栏颜色没有完全改变引导程序

回答

相关问题