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

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