更改bootstrap导航栏下拉菜单元素的颜色
问题描述:
我有一个带有下拉菜单的导航栏(引导程序)。
我的drowpdown菜单中的每个项目在徘徊时均以蓝色突出显示。
少用变量来产生这种颜色?我想改变它。更改bootstrap导航栏下拉菜单元素的颜色
谢谢
答
在Navbar.less,你会找到你的答案。 有多个变量,例如 。 @导航栏默认链路色
.navbar-NAV {
LI>一个{ 颜色:@导航栏默认链路色; (分别)
//** Global color for active items (e.g., navs or dropdowns). @component-active-color: #fff; //** Global background color for active items (e.g., navs or dropdowns). @component-active-bg: @brand-primary;
改变那些配置文本和背景颜色:
&:hover,
&:focus {
color: @navbar-default-link-hover-color;
background-color: @navbar-default-link-hover-bg;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-active-color;
background-color: @navbar-default-link-active-bg;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-disabled-color;
background-color: @navbar-default-link-disabled-bg;
}
}
}
+0
谢谢。在variable.less中,我有@ navbar-default-link-hover-bg:transparent但是在我的应用中,颜色是蓝色的。我不明白(我的知识少,不是很高......) – user1260928
答
在文件中的引导源代码variables.less
,你会发现下面的变量
[Dropdowns variables](https://github.com/twbs/bootstrap/blob/master/less/variables.less#L246) –