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導航欄顏色沒有完全改變引導程序

回答

相關問題