Question

我是铁杆新手，到目前为止，我一直试图改变导航栏的颜色。我已经阅读了关于这个主题的几乎所有内容，但我还没有看到类似我的情况。正如您在图片中看到的那样，导航栏已更改为我想要的颜色但由于某种原因，角落仍然是黑色的，而且我的下拉菜单的背景仍为黑色。

我无法上传图片，因为我是新来的。 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替换为html上的myNavbar，并将以下内容添加到您的CSS中：

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

只需将颜色代码更改为您想要的颜色代码即可。

Rails导航栏颜色不完全改变Bootstrap

1 个答案: