Bootstrap 手机上的下拉菜单有奇怪的行为

Question

我使用 bootstrap 和 joomla 并遇到一个非常奇怪的问题...如果我使用 "normal" 导航，一切正常..如果我减小浏览器的大小 window 出现折叠的菜单图标。如果我单击它会显示菜单和下拉菜单。如果我只是点击它而不移动任何东西，什么也不会发生......如果我移动鼠标，子项目就会出现......

最奇怪的部分是...在手机上我可以打开折叠菜单，但是如果我点击下拉菜单什么都没有...如果我有时放大得非常宽如果我经常触摸箭头菜单显示...

我要疯了!!!

您可以在

上找到该页面

http://buero.marketing-inspiration.com/mutpol_de_neu/

感谢您的帮助！

Answer 1

您的模板正在加载两个不同版本的 Bootstrap js，Joomla (2.3.2) 和 3.3.1。我希望这会在许多方面引起问题。

无论采用哪种方式，您都需要确保您使用的标记适合您正在使用的 Bootstrap 版本。

就我个人而言，我会使用当前 Bootstrap 并使用系统插件禁用 Joomla 版本。我强烈推荐这个：

https://github.com/phproberto/plg_sys_mootable

Answer 2

您可以尝试在 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;
  }
}

Bootstrap 手机上的下拉菜单有奇怪的行为

Bootstrap Dropdown on mobile phones strange behavior

joomla

twitter-bootstrap