bootstrap页面滚动活动颜色不会改变

Question

我正在使用Start Bootstrap中的免费模板。 （http://blackrockdigital.github.io/startbootstrap-freelancer/） 向下滚动页面时，可以看到活动的菜单项背景颜色有点暗。 我希望在菜单项活动时更改菜单项的背景颜色，但我无法让它工作。

到目前为止，我已经尝试过我所知道的每一个选项。 任何人都可以帮我解决这个问题吗？

Answer 1

这是你必须覆盖的规则：

where

您需要更改的颜色是.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: yellow; //Use your color here } 背景（当它处于活动状态时）。

Answer 2

在自定义CSS位置：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #ffffff; background-color: #1a242f; }

然后您可以相应地更改颜色和背景。

确保您的自定义CSS包含在引导程序文件下面，否则它将无效。