Rails導航欄顏色沒有完全改變

Question

我是Rails的新手，到目前為止，我仍在嘗試更改導航欄的顏色。 我已經閱讀了有關該主題的幾乎所有內容，而且還沒有看到像我這樣的案例。 從圖片中可以看到，導航欄已更改為我想要的顏色，但是由於某些原因，角落仍然是黑色的，下拉菜單的背景仍然是黑色的。

我無法上傳圖片，因為我是新來的。 github存儲庫位於https://github.com/nanurbina/janus.git，我希望有人能幫到我。

這是我在_navigation.html.erb上的代碼

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <%= link_to 'Janus BPO', root_path, class: 'navbar-brand' %>
</div>
<div class="collapse navbar-collapse">
  <ul class="nav navbar-nav">
    <%= render 'layouts/navigation_links' %>
  </ul>
</div>

以及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;
   }

謝謝！

Answer 1

將navbar-inverse替換navbar-inverse html上的myNavbar ，然后將以下內容添加到CSS中：

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

只需將顏色代碼更改為所需的顏色即可。