有没有一种方法可以更改Bootstrap菜单变得响应和折叠的断点?对我来说,979像素太大了,我希望只在更小的尺寸上进行转换。
有没有一种方法可以更改Bootstrap菜单变得响应和折叠的断点?对我来说,979像素太大了,我希望只在更小的尺寸上进行转换。
可以通过重新定义@navbarCollapseWidth
变量在less/variables.less
文件中完成。之后再进行css重新编译即可。
有关编译说明,请参阅官方文档中的使用Less编译Bootstrap部分。
@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
variables.less
文件中没有那个属性。 - Aaron Franke