当前位置: 首页 > 知识库问答 >
问题:

Bootstrap-不能在移动设备上单击下拉子菜单项并首先单击“不触发导航”-折叠

宋安晏
2023-03-14
  1. 我的导航折叠不会在第一次单击btn-navbar时显示,而是只在iPhone上显示。
  2. 虽然可以切换下拉菜单,但无法单击移动设备上的任何下拉菜单项。

我的页面在W3验证器上是有效的,并且我已经将.nav-collable和.collable类添加到我的navbar中。另外,在我的笔记本电脑上调整浏览器窗口的大小时,一切工作都很好。

您可以在这里看到现场网页:http://hartmandashboard.com/

以前有人见过这个问题吗?有人愿意提供一个潜在的解决办法吗?如果有任何帮助我会很感激的。

谢谢

共有1个答案

齐英朗
2023-03-14

是的,我以前见过这个问题,我也在github上看到过这个问题。我不记得具体是从哪里找到的,但有人说这是一个关于将这些元素设置为位置:绝对;的问题,而将它们重新设置为static将会解决这个问题。

那么为什么不在自定义CSS上尝试一下:

CSS

.dropdown-backdrop {
  position: static;
}
 类似资料:
  • 我实现了这个Bootstrap 3 Navbar折叠来改变Navbar折叠,但我有一个问题,在nav上的切换。 我为最小宽度:992px放入这个,使我的菜单悬停打开,而不是切换桌面大小。 我遇到的问题是,当我在sm大小中切换一个菜单项时。下拉菜单不会直接切换到下面。它会在右手边爆炸。我似乎找不到什么是css选择器,它直接放在下面,而其他项目“移开的方式” 这就是正在发生的事情 我要这个是SM号的

  • 问题内容: 我在Bootstrap 3中有或多或少的标准导航 它通常会在较小的设备上崩溃。单击菜单按钮可展开菜单,但是如果我单击(或触摸)菜单链接,菜单将保持打开状态。要关闭它又该怎么办? 问题答案: Bootstrap的默认设置是在单击菜单项时保持菜单打开。您可以通过调用要折叠的jQuery元素来手动覆盖此行为。

  • 问题内容: 我在导航栏中使用了带有子菜单项的可折叠菜单。菜单在狭窄的显示屏上正确折叠,并且子菜单项正确显示。 但是,当我在移动设备上单击子菜单项时,该链接不起作用。而是,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,好像从未打开过子菜单,而“单击”将其移到了其下方的元素。 当我在台式机浏览器上测试页面时,一切正常。 我自定义了一些自举程序样式,但主要用于颜色等。 有任何想法吗?TIA。 问题答

  • 嗨,我正在尝试自动启动下拉菜单。默认情况下,它的可见性是隐藏的。将鼠标悬停在它上面时,它的可见性属性显示为可见。我可以单击下拉菜单,但是在单击下拉菜单后,我的selenium脚本不能从下拉菜单中选择值。 错误:线程"main"org.openqa.selenium.ElementNotVisibleException异常:无法单击元素 HTML代码段

  • 问题内容: 我想让我的Bootstrap菜单在悬停时自动下拉,而不是必须单击菜单标题。我也想丢掉菜单标题旁边的小箭头。 问题答案: 我基于最新的(v2.0.2)Bootstrap框架创建了一个纯悬停下拉菜单,该框架具有对多个子菜单的支持,并认为我会将其发布给以后的用户:

  • 问题内容: 在页面加载时,我有一个调用服务的控制器,然后将返回的数据绑定到某些$ scope.objects: 在我的HTML中,我尝试通过以下方式绑定$ scope.OrderHistory: 在笔记本电脑/台式机上观看时很好,但在平板电脑和移动设备(例如iPhone / iPad)上无法使用 问题答案: 尝试添加ngTouch。从文档: 设计用于触摸屏设备的默认功能的更强大替代品。大多数移动浏