Bootstrap 下拉菜单在折叠时不可定位答案

【问题标题】：Bootstrap dropdown-menu is not targetable on collapseBootstrap 下拉菜单在折叠时不可定位
【发布时间】：2017-01-28 06:46:42
【问题描述】：

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

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

它工作正常，所以如果我有菜单项，例如

Menu Item
    sub menu item

子菜单项变为白色。

现在问题从这里开始。如果我缩小屏幕以折叠导航栏。下拉菜单链接颜色保持默认，所以我认为引导程序正在使用媒体查询，无论我尝试什么，它都不起作用。同样的技术行不通。

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

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

【问题讨论】：

【解决方案1】：

这个问题的答案是你必须在断点之后定位你的类，我理解引导程序在它们的断点中有不同的类，但在 li 元素上具有不同的颜色和背景颜色可能非常令人讨厌。所以使用@media 查询来定位该断点处所需的任何类

【讨论】：