2015-10-15 162 views
0

我有一个带有下拉菜单的导航栏(引导程序)。
我的drowpdown菜单中的每个项目在徘徊时均以蓝色突出显示。
少用变量来产生这种颜色?我想改变它。更改bootstrap导航栏下拉菜单元素的颜色

谢谢

+0

[Dropdowns variables](https://github.com/twbs/bootstrap/blob/master/less/variables.less#L246) –

回答

0

在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

0

在文件中的引导源代码variables.less,你会发现下面的变量