Twitter bootstrap 定制引导开放导航锚背景颜色
我正在使用生成一个配置文件,可以分发给客户端,客户端可以从中创建自己的站点(使用我的自定义样式) 除了一件事之外,一切正常。为了提供额外的导航级别(Bootstrap没有现成的功能),我使用了一个“open”类来应用当前打开的navTwitter 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
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