android - 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;
}

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