css - 如何在 Bootstrap 3 中可靠地更改导航栏断点(不破坏其他任何东西)

Question

如何轻松更改 bootstrap v3 导航栏上的折叠断点？

文档说

Changing the collapsed mobile navbar breakpoint The navbar collapses into its vertical mobile view when the viewport is narrower than @grid-float-breakpoint, and expands into its horizontal non-mobile view when the viewport is at least @grid-float-breakpoint in width. Adjust this variable in the Less source to control when the navbar collapses/expands. The default value is 768px (the smallest "small" or "tablet" screen).

但是我看不到 LESS 文件，我真的很想创建一个自定义文件来覆盖此行为，而不是弄乱源文件。

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

Answer 1

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

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