bootstrap 3 - 删除XL＆amp; L固定宽度

Question

长时间潜伏，第一次问问！经过几天的搜索，我无法找到我想要的东西。

我正在寻找非常标准的引导行为。

1. 大于/等于760px宽度分辨率，我想要固定宽度。
2. 低于760px宽度分辨率，我希望两个列表堆叠并占用100％宽度。

问题是1200px以上有不同的固定宽度。我试图通过将.container类设置为固定宽度来解决这个问题，但是子760px也是固定的 - 不再流畅。我也尝试过使用媒体查询。

以下是我正在处理的代码：http://travelprobiotics.com/

有什么建议吗？

谢谢你， Evan Jerkunica

Answer 1

如果您自己托管bootstrap，则可以使用此处的bootstraps自定义工具来解决问题。http://getbootstrap.com/customize/

查看媒体查询断点＆＃39;部分并将screen-sm更改为760px。 （它已经默认为768像素，所以如果您可以放弃8像素，请跳过此步骤并单独使用下面的代码片段。）

之后，请在您自己的样式表中添加以下代码段，将容器设置为您想要的宽度＆＃39;修复＆＃39;

@media screen and (min-width:760px) {
    .container {
        width: 960px !important;
    }
}