我正在尝试在引导程序中调整导航,使其在992px
而不是768px
时折叠。我很困惑为什么@grid-float-breakpoint: @screen-desktop;
不起作用。我以前在其他项目中使用它以及我在stackoverflow上读到的所有内容都表明这就是答案。我甚至改变了bootstraps variables.less中的@grid-float-breakpoint
变量,并使用grunt编译它,但它仍然不起作用。我也尝试使用@screen-md-min
但仍然没有。有什么建议吗?
答案 0 :(得分:0)
使用Bootstrap Customizer更改@grid-float-breakpoint
按预期工作。
我知道这似乎很明显,但您确定已将<link/>
更改为指向更新的bootstrap CSS文件,并且您的浏览器没有缓存旧版本吗?
答案 1 :(得分:0)
你做得很好
&#34;当视口比@ grid-float-breakpoint更窄时,导航栏会折叠到其垂直移动视图中,当视口至少为@ grid-float-breakpoint时,导航栏会展开到其水平非移动视图宽度。在Less source中调整此变量以控制导航栏折叠/展开的时间。默认值为768px(最小的&#34;小&#34;或&#34;平板电脑&#34;屏幕&#34;
你可能有一个HTML错误吗?缓存问题?编译旧文件?
尝试在http://getbootstrap.com/customize/中编译并将ot应用于您的项目以解决问题
祝你好运:)