@ grid-float-breakpoint:@ screen-desktop;不在bootstrap工作3

时间:2014-06-18 22:03:13

标签: jquery twitter-bootstrap less nav

我正在尝试在引导程序中调整导航,使其在992px而不是768px时折叠。我很困惑为什么@grid-float-breakpoint: @screen-desktop;不起作用。我以前在其他项目中使用它以及我在stackoverflow上读到的所有内容都表明这就是答案。我甚至改变了bootstraps variables.less中的@grid-float-breakpoint变量,并使用grunt编译它,但它仍然不起作用。我也尝试使用@screen-md-min但仍然没有。有什么建议吗?

2 个答案:

答案 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应用于您的项目以解决问题

祝你好运:)