【问题标题】:Bootstrap 3 breakpoint override not workingBootstrap 3断点覆盖不起作用
【发布时间】:2016-03-25 13:32:04
【问题描述】:

我需要将@screen-lg-min 的大小更改为 1700 像素而不是 1200 像素(默认)。

我在 variables.less 文件中更改了媒体查询 @screen-lg-min 的大小,并使用 gulp 任务再次编译了所有文件。 css 生成正确,所有“lg”类都使用min-width: 1700px;,但是当我将浏览器窗口减小到小于 1700px 时,什么也没有发生,当小于 1200px 时,就像默认值一样。

我不知道为什么会出现这种行为。

希望有人可以帮助我。

(哦,我不想用http://getbootstrap.com/customize/

【问题讨论】:

    标签: twitter-bootstrap less media-queries


    【解决方案1】:

    您可能还需要更改此值:

    @container-large-desktop:      (1140px + @grid-gutter-width);
    

    【讨论】:

    • 我正在使用容器流体类,所以这不起作用,因为我没有固定宽度
    【解决方案2】:

    我发现了问题!

    我正在使用引导主题,因此我尝试更改的引导媒体查询被主题覆盖。我改变了主题和作品!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-01-20
      • 2019-11-06
      • 1970-01-01
      • 2018-09-14
      • 2019-03-21
      • 1970-01-01
      • 2022-10-16
      • 2018-01-30
      相关资源
      最近更新 更多