Question

我有一个带有下拉菜单的导航栏（bootstrap）我的drowpdown菜单中的每个项目在悬停时都以蓝色突出显示使用少量变量来产生这种颜色？我想改变它。

由于

Answer 1

在Navbar.less中，您将找到答案。有多个变量，例如。 @导航栏默认链路色

.navbar-nav {

li＆gt;一个 { 颜色：@ navbar-default-link-color;

  &: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;
  }
}

}

Answer 2

在Bootstrap源代码的文件variables.less中，您将找到以下变量：

//** 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;

更改这些以分别配置文本和背景颜色

更改bootstrap navbar下拉菜单元素的颜色

2 个答案: