【问题标题】:@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/编译并应用到你的项目中丢弃问题

      祝你好运:)

      【讨论】:

        猜你喜欢
        • 2015-01-21
        • 2013-08-22
        • 2018-04-02
        • 1970-01-01
        • 1970-01-01
        • 2013-10-29
        • 2021-08-13
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多