使用宽度1170px与bootstrap.css（响应）

Question

我注意到grid system的Twitter文档，它说默认网格是940px，但网站上是1170px。我收集它是使用响应来改变宽度，因为我在宽屏和高分辨率。

我的问题归结为如何在Twitter文档中使用1170px。我似乎无法找到任何解释如何将宽度更改为1170px的文档。这是他们已经制作但未发布的自定义构建，或者只是没有更新文档吗？

任何想法如何实现这一点，并为1170px提供正确的网格自定义变量。

由于

Answer 1

他们正在使用@media查询，默认情况下不包含在引导程序中，您可以在responsive layout文档中阅读更多相关信息。

来自CSS的重要位：

@media (min-width: 1200px) {
  .span12, .container {
    width: 1170px;
  }
}

摘自页面

  

使用媒体查询

     

Bootstrap不会自动包含这些媒体查询，但是   理解和添加它们非常简单，只需要很少的设置。   您有几个选项可以包含响应功能   自举：

     

  
1. 使用已编译的响应版本bootstrap-responsive.css
  
2. 添加@import“responsive.less”并重新编译Bootstrap
  
3. 修改并重新编译responsive.less作为单独的
        

为什么不包括它？说实话，并非一切都需要   响应。而不是鼓励开发人员删除此功能，   我们认为最好启用它。

Answer 2

正如文件所说，并非所有事情都需要回应。此外，并非所有内容都需要使用全屏大小......有些布局只需要更多的空白区域。

我看过一些网站从响应式样式表中摘录了这个媒体查询摘录（@media min-width: 1200px {...}），但我无法判断这是正确/推荐还是一个好的解决方法。