让引导navbar崩溃来触发javascript？

我有一个标准的Twitter Bootstrap 3导航栏，上面有一些按钮，如下所示：。我想改变折叠行为，它变成一个下拉菜单，低于一定的屏幕宽度，这样我的自定义Javascript函数就可以运行，而不是创建下拉菜单。这是因为我正在对较小屏幕的界面进行更广泛的更改，而不仅仅是CSS允许的更改，例如，我正在DOM中移动UI元素等等

我是否应该关闭导航栏的崩溃行为，如果是，如何关闭

然后我考虑使用JQuery的resize事件来加载页面和调整页面大小，如果宽度低于折叠点，我检查新窗口的宽度并通过我的函数触发移动用户界面

还是有更好的方法

任何想法都很感激！

---

谢谢

这是可行的，我赞赏您超越BS风格，将平台扩展到独一无二的地方

使用less打开BS Navbar.less文件。查找.navbar collapse{class定义中的部分

这是默认样式。记住，如果未覆盖768px，mobile first已设置，并将在默认情况下断开为水平样式。您可以将样式放在此处，它将成为默认样式。您可以将水平样式放在此部分中，并删除任何@media min width:@grid float断点{按默认设置翻转到水平的部分

下一步是处理断点。我喜欢inquire.js，因为它允许在CSS和js侦听器之间注册相同的断点

})

毋庸置疑，E.js：

$(window).resize(function() {
  if($(window).width() < 768){
     //do it
    } 
});

$(window).resize(function() {
  if($(window).width() < 768){
     //do it
    } 
});