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

8

有没有一种方法可以更改Bootstrap菜单变得响应和折叠的断点?对我来说,979像素太大了,我希望只在更小的尺寸上进行转换。

2个回答

9

可以通过重新定义@navbarCollapseWidth变量在less/variables.less文件中完成。之后再进行css重新编译即可。

有关编译说明,请参阅官方文档中的使用Less编译Bootstrap部分。


我的Bootstrap 4的variables.less文件中没有那个属性。 - Aaron Franke

2

@nick-kugaevsky,“使用less编译bootstrap”链接已损坏。

顺便说一下,对于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编译bootstrap的更多信息:http://bootstrap.lesscss.ru/less.html

您需要下载bootstrap,将您的应用程序或node js工具指向包含less文件的bootstrap目录,修改less/variables并重新编译bootstrap.less文件。

啊,刚发现这写在了Bootstrap文档中:http://getbootstrap.com/components/#navbar


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接