Bootstrap - 无法在移动设备上单击下拉菜单项，并且首先单击不会触发导航崩溃

Question

我在移动设备上遇到了下拉菜单项的两个问题。具体做法是：

1. 首次点击btn-navbar时，我的导航崩溃功能不会显示，只能在iPhone上显示。
2. 虽然我可以切换下拉列表，但我无法点击移动设备上的任何下拉菜单项。

我的页面在W3 Validator上有效，我已将.nav-collapse和.collapse类添加到我的导航栏。在我的笔记本电脑上调整浏览器窗口大小时，一切正常。

您可以在此处查看实时网页：http://hartmandashboard.com/

之前有没有人见过这个问题？有人愿意提供潜在的解决方案吗？我很感激任何帮助。

由于

Answer 1

是的，我以前见过这个，我也看到问题出现在github上。我不记得我在哪里找到了这个，但有些人说这是将这些元素设置为position: absolute;并将其设置为静态的问题会解决它。

那你为什么不继续在你的自定义CSS上试试呢：

<强> CSS

.dropdown-backdrop {
  position: static;
}

如果我们在同一页面上，这就解决了您的问题，请告诉我。

Answer 2

这最初是一个引导问题。 请参阅此处的修复程序：https://github.com/twbs/bootstrap/issues/9543