Twitter bootstrap 手机上的Bootstrap下拉异常行为

我使用bootstrap和joomla，遇到了一个非常奇怪的问题。。。如果我使用“正常”导航，一切正常。。如果缩小浏览器窗口的大小，则会显示折叠的菜单图标。如果我点击它会显示菜单和下拉菜单。如果我只是点击它而不移动任何东西，什么都不会发生。。。如果我移动鼠标，子项将显示

最奇怪的是。。。在手机上，我可以打开折叠的菜单，但如果我点击下拉菜单，什么都不会发生。。。如果我有时放大很宽，如果我经常触摸箭头，菜单就会显示出来

我快疯了

您可以在上找到该页

---

谢谢你的帮助

您的模板正在加载两个不同版本的引导js，Joomla（2.3.2）和3.3.1。我预计这将在许多领域引发问题

无论采用哪种方式，都需要确保所使用的标记适合所使用的引导版本

就我个人而言，我会使用当前的引导并使用系统插件禁用Joomla版本。我极力推荐这一款：

---

您的模板正在加载两个不同版本的引导js，Joomla（2.3.2）和3.3.1。我预计这将在许多领域引发问题

无论采用哪种方式，都需要确保所使用的标记适合所使用的引导版本

就我个人而言，我会使用当前的引导并使用系统插件禁用Joomla版本。我极力推荐这一款：

---

您可以尝试在CSS代码中修复此问题，以特定分辨率禁用、启用或添加不同的CSS配置，如下所示：

@media (max-width: 767px) {
  .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
  }
  .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 30px;
  }
}

---

您可以尝试在CSS代码中将其修复为特定分辨率禁用、启用或添加不同的CSS配置，如下所示：

@media (max-width: 767px) {
  .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
  }
  .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 30px;
  }
}

---

嘿谢谢你的建议。。。我知道我可以用这个来改变不同分辨率下的行为。但这并不能解决我的问题。。。这不取决于决议。如果我在我的电脑上用firefox“模拟”一个小分辨率，下拉菜单就会出现。。。如果我在我的智能手机（android/chrome）上尝试，什么都不会发生……嘿。。。谢谢你的建议。。。我知道我可以用这个来改变不同分辨率下的行为。但这并不能解决我的问题。。。这不取决于决议。如果我在我的电脑上用firefox“模拟”一个小分辨率，下拉菜单就会出现。。。如果我在我的智能手机（android/chrome）上尝试，什么都不会发生…谢谢，我尝试了插件，但行为没有任何变化：）你必须启用插件，然后在插件设置中添加要删除的脚本的路径，例如/media/jui/js/bootstrap.min.js。谢谢，我尝试了该插件，但行为没有任何改变：）您必须启用该插件，然后在插件设置中添加要删除的脚本的路径，例如/media/jui/js/bootstrap.min.js。