Bootstrap 3响应/最小宽度

Question

我在S / O上搜索了如何在Bootstrap3中为响应式布局定义最小宽度，但由于＆＃34;媒体查询而找到了相互矛盾的答案。＆＃34;

我想要实现的是我的布局只响应某一点。当我的布局到达时，比如800px宽度，我希望它停止响应。有关如何正确做到这一点的任何建议？谢谢！

更新：为了实现这一目标，应在http://getbootstrap.com/customize/修改哪些参数？

Answer 1

转到http://getbootstrap.com/customize/

1. 滚动到 - ＆gt;媒体查询断点

   定义布局更改的断点，以适应不同的屏幕尺寸。

2. 现在滚动到 - ＆gt;容器尺寸

   为不同的屏幕尺寸定义.container的最大宽度。

Answer 2

当你说'响应低至800px＆＃39;你说你想要一个低至800px的流畅网格，然后将布局固定为800px的固定宽度。

这不是最简单的任务，但一般而言，我实现此目的的建议是使用针对浏览器宽度为800px或更小的媒体查询来覆盖基本引导程序css（或LESS）。就像是。

@media screen and (max-width:800px) {
 .col-lg-3 {
  width: 100px;
 }
 .col-lg-2 {
  width: 80px;
 }
}

上面的媒体查询大括号中的内容只是一个示例，但您希望定位用于构建布局的类。通常他们以.col-开头。有一个S / O线程在这里提供更多详细信息：How to remove responsive features in Twitter Bootstrap 3?