twitter-bootstrap-3 - Bootstrap 3 - 删除 md 和 lg 之间的断点

Question

我正在使用 Bootstrap 3 并尝试删除/排除中型和大型设备之间的断点。我有一个优化到 970px 的现有网站，看起来很棒。我想要做的是删除 md > lg 断点，这样即使在大型宽屏桌面上，最大正文宽度也是 970px 并且仍然居中。

任何人都知道是否有快速修复解决方案？

任何建议将不胜感激

德布拉德

Answer 1

如果您要覆盖引导断点(并正确使用容器)，则在引导 CSS 文件中的引导断点媒体查询下方添加它应该适合您。

如果使用 LESS

@media (min-width: @screen-lg) { 
  .container {
      width: 970px;
   }
}

或者，您可以简单地在自己的 CSS 中覆盖引导容器(只要确保在 bootstrap.css 之后加载它)

@media (min-width: 970px) and (max-width: 2500px) {
   .container {
      width: 970px;
   }   
}

或者您可以在 bootstrap.css 文件中的第 1240 行附近找到媒体查询，然后在此处进行更改

@media (min-width: 1200px) {
  .container {
     width: 1170px;  /* change 1170 to 970 */
  }
}