Jquery Bootstrap 3自定义多级菜单不适用于较小分辨率

我正在使用Bootstrap3创建一个HTML模板，以用于定制CMS。 您可以在此处找到演示HTML页面：

我已经用这个“黑客”和YAMM创建了一个多级自定义子菜单（单击PRODOTTI，您将看到它）

这里有一些定制的JS使其工作 第71行，最后一部分

在“桌面”模式下，它可以完美地工作。 但是如果你缩小浏览器，当菜单折叠到移动版本时，它就不再工作了

我试过的是这个（没有一个能解决问题）

• 删除两个导航栏中的一个
• 删除YAMM css
• 删除自定义JS

折叠菜单仍不工作。 它会在几分之一秒后打开并突然自动关闭

你知道为什么会发生这种情况以及如何解决它吗

非常感谢

---

loreal.css中的Stefano

第166行导致了该问题-如果您使用web inspector对其进行注释，则菜单将正确显示/隐藏

.navbar-collapse.collapse { display:none !important; }

---

如果您想让移动导航更早启动，您需要在引导css中找到正确的媒体查询并调整其宽度值，或者复制所有需要的位并将其放入您自己的css中（看起来您已经尝试过了，但还没有完全实现！）。

谢谢，这解决了主要问题！是的，我之前试图启用折叠菜单（在1199px，因为菜单有很多项），我将尝试找到更好的解决方案。