我在
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:
- Use the compiled responsive version,bootstrap-responsive.css
- Add @import “responsive.less” and recompile Bootstrap
- 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.