Bootstrap更改768px断点

时间:2016-06-26 15:46:41

标签: css twitter-bootstrap

所以我只是手动创建了一些css覆盖,使导航栏在&lt; 940px而不是&lt; 768px处折叠。但现在我意识到我的所有组件都需要相同的行为。 例如,我有一行有两列。它们在<768px时崩溃,但我需要它们在940px时崩溃。

我当然可以再次查看源代码并进行一些新的覆盖,但我确定有一天我会发现另一件事仍然在&lt; 768px处崩溃了。

那么我怎样才能简单地为所有组件更改全局的bootstrap断点?

我目前正在考虑在我的bootstrap源文件上运行文本替换脚本......但谁知道哪些内容可能出错。

2 个答案:

答案 0 :(得分:4)

自定义Media queries breakpoints

这比自己手动操作更易于维护,因为它会为您提供一个配置,您可以稍后上传到引导程序,进行更多调整,然后重新生成。

答案 1 :(得分:0)

有一篇很好的博客文章可以指导你正确的方向。

https://www.psd2html.com/blog/customize-bootstrap-grid-with-sass.html

希望这有帮助