崩溃时无法定位Bootstrap下拉菜单

时间:2016-11-10 02:25:43

标签: javascript jquery css

我对此几乎失去了理智。我有一个自举导航栏,我喜欢自己设置颜色等。所以我使用此代码更改了下拉菜单导航栏的链接颜色

.navbar .navbar-nav .dropdown-menu li a {
  color:white;
}

它工作正常,如果我有菜单项,如

Menu Item
    sub menu item

子菜单项变为白色。

现在问题从这里开始。 如果我使屏幕较小以折叠导航栏。下拉菜单链接颜色保持默认,所以我认为bootstrap正在使用媒体查询,无论我尝试它没有工作。同样的技术不起作用。

@media (max-width:767px){
  .navbar .navbar-nav .dropdown-menu li a {
    color:red;
  }
}

非常感谢任何帮助。我可以使用jquery做到这一点,但我真的想用css来做这件事。

1 个答案:

答案 0 :(得分:0)

问题的答案是你必须在他们的断点之后定位你的课程,我理解在他们的断点中有不同类别的bootstrap,但在li元素上有不同的颜色和背景颜色可能是非常好的。所以使用@media查询来定位该断点所需的任何类