javascript - 更改导航栏折叠宽度 Twitter Bootstrap 3

Question

我正在尝试练习如何在 Bootstrap 3 中修改导航栏的折叠宽度，以便它以较早的宽度折叠。我找到了几个建议，但似乎都没有用。我得到的最接近的是这篇文章中的代码 Twitter Bootstrap 3 navbar-collapse - set width to collapse

这是该帖子使用的内容:

@media (max-width: 1280px) {
.navbar-header {
    float: none;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

这会导致崩溃在我想要的时候发生，但是它同时打破了崩溃。折叠按钮在它应该出现的时候出现，但是当我点击它时，菜单只出现一秒钟然后自动关闭。有没有办法停止自动关闭？

Answer 1

有一个非常简单的方法可以做到这一点，

1. Click here to customize Bootstraps LESS variables
2. 将 @grid-float-breakpoint 更改为您选择的大小
3. 点击编译下载
4. 在您的页面上使用生成的 CSS!