为什么上课＆＃34; in＆＃34;在Bootstrap 3中屏幕变大后没有删除？

Question

只是一个简单的例子：http://jsfiddle.net/tZXTv/

如果我将屏幕的显示更改为小，则菜单会折叠。此部分<nav class="collapse navbar-collapse"></nav>会收到此课程in，但在再次调整大屏幕后，此类in不会被删除，只需刷新页面即可。

为什么重要？如果我想设置折叠菜单的样式，我需要一些参考类。我在bootstrap github页面中打开了一个问题。

https://github.com/twbs/bootstrap/issues/13245

有人知道如何处理这样的问题吗？

Answer 1

解决了这段代码（对于bootstrap v3.1）：

$(window).on('resize', function () {
   if (window.innerWidth > 768) $('.navbar-collapse').removeClass('in')
})

从#11653

自定义

希望很快在标准引导程序中看到这种代码，这很有用。