启动下拉菜单在折叠时不可定位

Bootstrap dropdown-menu is not targetable on collapse

本文关键字：定位 折叠 下拉菜单 启动      更新时间：2023-09-26

我都快疯了。我有一个引导导航条，我喜欢样式颜色等自己。所以我改变了下拉菜单导航栏的链接颜色使用下面的代码

.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

这个问题的答案是，你必须在你的类的断点之后瞄准你的类，我理解bootstrap在它们的断点中有不同的类，但是在li元素上有不同的颜色和背景颜色可能是非常令人讨厌的。因此，使用@media查询在断点

定位所需的任何类
相关文章：