使Twitter Bootstrap 2.0的响应式布局完全修复

时间:2012-01-01 22:30:17

标签: css twitter-bootstrap

GitHub上的Twitter Bootstrap 2.0-wip分支包括一个新的响应式布局系统。这对于需要这种响应水平的应用程序来说非常棒,但我正在开发一个需要完全固定布局的仅限网络的应用程序。

是否有任何 easy 方法可以覆盖Bootstrap的响应式布局?

您可以通过克隆其回购,分支到2.0-wip并在浏览器中打开docs/scaffolding.html来查看其实际效果。

提前致谢!

3 个答案:

答案 0 :(得分:13)

请注意,在2.0.1+中,响应性已移至其自己的文件,因此默认情况下处于关闭状态。要打开它,请包括bootstrap-responsive.css或responsive.less。 http://twitter.github.com/bootstrap/scaffolding.html#responsive

答案 1 :(得分:7)

只需删除@mediabootstrap.css文件中的2684个查询即可。这应该消除所有的响应特性,并保持标准容器宽度不变。

@media (min-width: 768px) and (max-width: 940px) { ..... }

答案 2 :(得分:0)

只需在http://twitter.github.com/bootstrap/customize.html上编译自己的自定义引导程序,即可取消响应功能。

或者,您可以在BootstrapCDN中包含以下文件:http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap.min.css