Jquery 防止md断点上方的引导折叠动画

我已经用Bootstrap创建了一个网站。我的网站有一个导航栏，当网页宽度小于md断点时，菜单选项“关于”、“我的项目”和“联系我”隐藏在可扩展菜单后面。我在菜单选项中添加了data toggle=collapse，这样当用户单击任何菜单选项时，菜单都会折叠

我遇到的问题是，上面提到的菜单选项即使在页面宽度高于md断点时也会通过折叠动画

我认为可以操纵此行为的一种方法是，通过使用$window.resize和$window.load事件侦听器对页面进行初始加载，根据页面的当前大小添加/删除data toggle=collapse属性

有没有更好的解决办法

链接至网站：

HTML:

---

我已经成功地从@ZimSystem测试了这个答案：

将数据目标属性添加到导航链接。但在您的情况下，它将是：

data-target=".navbar-collapse.show"

而不是

data-target=".navbar-collapse.in" 

---

正如@ZimSystem的回答一样，一种方法也是强制高度：自动！重要的在md屏幕和更高屏幕上的元素上。如果它有填充和边距，将有一些问题。但是也有一个解决方案。谢谢，但是这个解决方案的问题是，当页面位于md下方时，菜单将不再折叠breakpoint@BenWS，抱歉，如果我误解了-这不是您正在使用的功能吗？它在safari&ff中也起作用，没有检查ie/EdgeAppologies@plumsauced1，再次测试后-这似乎工作得很好。谢谢

data-target=".navbar-collapse.in"