为响应式 Twitter Bootstrap 更改手机/桌面过渡宽度截止答案

【问题标题】：Change phone/desktop transition width cutoff for responsive Twitter Bootstrap为响应式 Twitter Bootstrap 更改手机/桌面过渡宽度截止
【发布时间】：2015-02-03 15:41:34
【问题描述】：

我想将 Bootstrap 从小型桌面模式（即一行中的网格元素仍水平放置）更改为电话模式（即一行中的网格元素是放置在彼此的顶部并填充屏幕宽度）。具体来说，Bootstrap 使用像 @media (min-width: 768px) and (max-width: 979px) 这样的查询。不过，似乎 767 和 768 已硬编码到 LESS 源代码中。是否有支持的方式来执行此操作，或者我只需要手动进行更改并希望它不会破坏任何东西？

编辑：是的，我知道 Twitter 选择这些值是有原因的……让我感到奇怪的是，框架中的其他所有东西似乎都是模块化和可定制的。

【问题讨论】：

标签： css twitter-bootstrap less

【解决方案1】：

你寻找的LESS值是

@grid-float-breakpoint: 123px;

【讨论】：

【解决方案2】：

您必须覆盖 Bootstrap 的 responsive 部分。我不会加载引导响应并加载我自己的。一切都在responsive*.less 文件中定义。

【讨论】：

我希望有一个更直接的解决方案，但在阅读了这些文件的源代码之后，似乎找到-替换这些值是我能做的最好的事情。如果我能解决这个问题，我会向 Twitter 发送一个拉取请求，让这些值更易于配置。