css - 更改响应式 Twitter Bootstrap 的电话/桌面过渡宽度截止

标签 css twitter-bootstrap less

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

编辑:是的,我知道 Twitter 选择这些值是有原因的……令我感到奇怪的是,似乎框架中的其他所有内容都是模块化和可定制的。

最佳答案

您寻找的 LESS 值是

@grid-float-breakpoint: 123px;

关于css - 更改响应式 Twitter Bootstrap 的电话/桌面过渡宽度截止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14250063/

相关文章:

Bootstrap 中的 css 选择器特异性不起作用

html - 数据表和 Bootstrap sScrollY 在 thead 和 tbody 之间留下间隙

javascript - 在移动设备上隐藏 div 和 javascript 代码

css - LESS - 导入文件但不打印

html - 如何从父 CSS 中排除元素

CSS 标签填充

css - 样式化的 unicode 箭头未显示为 Google Fonts 网络字体

javascript - Bootstrap 菜单换行符

css - 在 Windows 中基于 urls 获取 less 文件的 css 文件的最简单方法

css - Bootstrap 是否导入了两次?