【问题标题】:@grid-float-breakpoint: @screen-desktop; not working in bootstrap 3@grid-float-breakpoint: @screen-desktop;不能在引导程序 3 中工作
【发布时间】:2014-06-18 22:03:12
【问题描述】:
我正在尝试在引导程序中调整我的导航,使其在992px 而不是768px 处折叠。我很困惑为什么@grid-float-breakpoint: @screen-desktop; 不起作用。我之前在其他项目中使用过它,而且我在 stackoverflow 上读到的所有内容都表明这就是答案。我什至已经在 bootstraps variables.less 中更改了 @grid-float-breakpoint 的变量,并使用 grunt 对其进行了编译,但它仍然无法正常工作。我也尝试使用@screen-md-min,但仍然没有。有什么建议吗?
【问题讨论】:
标签:
jquery
twitter-bootstrap
less
nav
【解决方案1】:
使用Bootstrap Customizer 更改@grid-float-breakpoint 按我的预期工作。
我知道这似乎很明显,但您确定您已将 <link/> 更改为指向更新后的引导 CSS 文件并且您的浏览器没有缓存旧版本吗?
【解决方案2】:
你做得很好
"当视口比@grid-float-breakpoint窄时,导航栏折叠到它的垂直移动视图,当视口宽度至少为@grid-float-breakpoint时,导航栏展开到它的水平非移动视图。调整Less源中的这个变量来控制导航栏何时折叠/展开。默认值为768px(最小的“小”或“平板”屏幕”
你可能有一个 html 错误吗?缓存问题?编译旧文件?
尝试在http://getbootstrap.com/customize/编译并应用到你的项目中丢弃问题
祝你好运:)