Twitter bootstrap 3 引导程序3-删除md和lg之间的断点

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

有人知道这有没有快速解决方案吗

任何建议都将不胜感激

---

Decbrad

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

如果使用较少

@媒体（最小宽度：@屏幕lg）{
.集装箱{
宽度：970px；
}
}

或者，您可以在自己的CSS中覆盖引导容器（只需确保在bootstrap.CSS之后加载它）

@介质（最小宽度：970px）和（最大宽度：2500px）{
.集装箱{
宽度：970px；
}   
}

或者，您可以在第1240行左右的bootstrap.css文件中找到媒体查询，然后在那里进行更改

@介质（最小宽度：1200px）{
.集装箱{
宽度：1170px；/*将1170更改为970*/
}
}

少一点的方法是好的，但这种方法更灵活可靠：

@media (min-width: @screen-sm) { .container { width:@screen-md; } }

因为在引导默认值中，@screen md的宽度是992px。

---

现在，您只需要为小型设备（智能手机）和任何其他大型设备设置一个断点。它们将获得相同的布局

您可以在容器上设置最大宽度：

.container-fluid,
.container {
  // Disable large-desktop breakpoint.
  max-width: $container-md;
}

不需要媒体查询或任何东西

---

$container md

值通常为

970px

，除非您更改了

$grid ground width

。对于更少的变量，将变量的

$

替换为

@

。对于常规CSS，用硬编码的像素大小替换变量。

仅适用于使用此答案的任何其他人，如果您正在将媒体查询粘贴到您的计算机中。CSS，一件小事，请确保在指定宽度后放置px@介质（最小宽度：970）和（最大宽度：2500px）{.container{width:970px；}}您实际上不需要此处的最大宽度声明。如果您只需执行`@media（最小宽度：970px）。容器宽度：970px`（SASS语法），它就可以正常工作。