Bootstrap Dropdown对手机的奇怪行为

Question

我使用bootstrap和joomla并且遇到了一个非常奇怪的问题...如果我使用“普通”导航，一切正常......如果我缩小浏览器窗口的大小，则显示折叠的菜单图标。如果我点击它会显示菜单和下拉菜单。如果我只是点击它而不移动任何东西，没有任何反应......如果我移动鼠标，子项目就会出现......

最奇怪的部分是...在手机上我可以打开折叠菜单，但如果我点击下拉列表没有任何反应...如果我有时放大非常宽，如果我经常触摸箭头菜单显示起来......

我疯了!!!

您可以在

上找到该页面

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