更改默认响应式导航栏断点答案

【问题标题】：Change the default responsive navbar breakpoint更改默认响应式导航栏断点
【发布时间】：2012-09-11 06:01:08
【问题描述】：

有没有办法改变 Bootstrap 菜单响应和崩溃的断点？ 979px 对我来说太大了，我希望只在较小的尺寸上进行转换。

【问题讨论】：

【解决方案1】：

是的，您可以通过在 less/variables.less 文件中重新定义 @navbarCollapseWidth 变量来实现。然后重新编译css。

编译说明见官方文档Compiling Bootstrap with Less部分。

【讨论】：

【解决方案2】：

@nick-kugaevsky '用 less 编译引导程序' - 链接已损坏。

顺便说一句，对于 bootstrap 3 RC 1，您需要修改 less/variables.less 中的以下属性

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-phone;      // here i allready changed it

顺便说一句：这仅禁止响应式导航在宽度 > @screen-phone 时折叠。以下是有关使用 less 编译引导程序的更多信息：http://bootstrap.lesscss.ru/less.html

您必须下载 bootstrap，将您的应用或 node js util 指向包含 less 文件的 bootstrap 目录，修改 less/variables 并重新编译 bootstrap.less 文件。

啊，刚刚发现它写在引导文档中： http://getbootstrap.com/components/#navbar

【讨论】：