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

前端之家收集整理的这篇文章主要介绍了使用宽度1170px与bootstrap.css(响应)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 grid system的twitter文档中注意到,它表示默认网格为940px,但网站上为1170px.我收集它是使用响应更改宽度,因为我是一个宽屏和更高的分辨率.

我的问题归结为如何在twitter文档中使用1170像素.我似乎找不到任何文档解释如何将宽度改为1170像素.这是他们制作但是没有发布或只是不更新​​文档的自定义构建?

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

谢谢

解决方法

他们正在使用@media查询,默认情况下不包括在引导中,您可以在其 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.

猜你在找的CSS相关文章