css - 将宽度 1170px 与 bootstrap.css(响应式)一起使用

Question

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

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

关于如何实现这个以及如何为 1170 像素设置正确的网格自定义变量的任何想法。

谢谢

Answer 1

他们为此使用了一个@media 查询，默认情况下不包含在 Bootstrap 中，您可以在他们的responsive layout 中阅读更多相关信息。文档。

他们 CSS 的重要部分:

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

页面摘录

Using the media queries

Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:

1. Use the compiled responsive version, bootstrap-responsive.css
2. Add @import "responsive.less" and recompile Bootstrap
3. Modify and recompile responsive.less as a separate

Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.