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

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

有人知道是否有快速解决方案吗？

任何建议将不胜感激

Decbrad

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

如果使用 LESS

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

或者，您可以简单地在自己的 CSS 中覆盖 bootstrap 容器（只需确保在 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 */
  }
}