使用宽度1170px与bootstrap.css(响应)

Question

我注意到在网格系统的Twitter文档上它说默认网格是940px,但它在网站上是1170px.我收集它是使用响应更改宽度,因为我在宽屏和高分辨率.

我的问题归结为如何在Twitter文档中使用1170px.我似乎无法找到任何解释如何将宽度更改为1170px的文档.这是他们制作的自定义版本,但未发布或只是未更新文档？

任何想法如何实现这一点,并拥有1170px正确的网格定制变量.

谢谢

Answer 1

他们正在使用@media查询,默认情况下不包含在引导程序中,您可以在响应式布局文档中阅读更多相关信息.

来自CSS的重要部分:

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

摘录自页面

使用媒体查询

Bootstrap不会自动包含这些媒体查询,但理解和添加它们非常简单,只需要最少的设置.您可以选择包含Bootstrap的响应功能:

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

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