如何在Bootstrap 3中可靠地更改导航栏断点（不破坏任何其他内容）

Question

如何在bootstrap v3的导航栏上轻松改变崩溃断点？

文档说

  

更改折叠的移动导航栏断点导航栏折叠   当视口比视口窄时，进入垂直移动视图   @ grid-float-breakpoint，并扩展为其水平非移动   当视口的宽度至少为@ grid-float-breakpoint时查看。   在Less source中调整此变量以控制导航栏的时间   折叠/展开。默认值为768px（最小的“小”或   “平板电脑”屏幕）。

但是我没有看到LESS文件，我真的想创建一个自定义文件来覆盖这种行为而不是乱用源文件。

特别是在Bootstrap gem文件结构中，我正在寻找@ grid-float-breakpoint变量。

Answer 1

如果您从源代码编译（LESS文件）。只需打开variables.less并搜索@ grid-float-breakpoint。

它的默认值应该是@ screen-sm-min，您可以随意将其更改为任何兼容的值 - 变量或静态值。