Twitter bootstrap 定制引导开放导航锚背景颜色

Twitter bootstrap 定制引导开放导航锚背景颜色,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我正在使用生成一个配置文件,可以分发给客户端,客户端可以从中创建自己的站点(使用我的自定义样式) 除了一件事之外,一切正常。为了提供额外的导航级别(Bootstrap没有现成的功能),我使用了一个“open”类来应用当前打开的navli元素(即当列表项悬停时) 在自定义程序输出的未缩小引导css中,有以下规则: .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #ee

我正在使用生成一个配置文件,可以分发给客户端,客户端可以从中创建自己的站点(使用我的自定义样式)

除了一件事之外,一切正常。为了提供额外的导航级别(Bootstrap没有现成的功能),我使用了一个“open”类来应用当前打开的nav
li
元素(即当列表项悬停时)

在自定义程序输出的未缩小引导css中,有以下规则:

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
因此,我只想将
#eeeeee
更改为其他内容,但我看不到在配置工具中可以在何处设置此值。它必须通过“变亮”或“变暗”的方法进行设置,因为其中没有直接值为
#eeeeee
,但我无法确定它来自何处

我知道我可以很容易地用一些自定义CSS添加一个覆盖来实现这一点,但我真的很想在配置工具中这样做,这样我就可以将配置文件传递给客户端,而不必添加自定义CSS和警告

有人能看到我在配置工具中的哪些地方可以影响该值吗


非常感谢。

当您下载引导源代码时,您会发现上面的css代码已经在
less/navs.less

//开放式下拉列表 .打开>a{ &, &:悬停, &:焦点{ 背景色:@nav-link悬停背景; 边框颜色:@链接颜色; } }

less/variables.less
定义
@nav link hover bg
,如下所示:

@nav-link-hover-bg:                         @gray-lighter;
以及:


查找
@nav link hover bg
太好了,谢谢:)我专注于配置工具的“nav”部分,完全错过了“Navs”部分(它在所有导航中设置了一些常见样式)。
//## Gray and brand colors for use across Bootstrap.

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee