Twitter bootstrap - 基于屏幕大小的不同网格列数

时间:2014-09-06 01:19:42

标签: responsive-design twitter-bootstrap-3

我正在开发一个项目,该项目需要一个16列网格,用于任何小于大(lg)媒体查询的显示。大版本需要使用12列网格显示网站。

有没有简单的方法可以将12列网格用于大视图,并切换到16列网格以用于以下任何内容?

1 个答案:

答案 0 :(得分:2)

如果您通过http://getbootstrap.com/customize/#grid-system创建并下载自定义16-col引导程序,然后将它们放在<head>中,就像这样;

<link href="bootstrap.min.css" rel="stylesheet" />
<link media="screen and (min-width: 1200px)" href="bootstrap-16.min.css" rel="stylesheet" />

然后自定义的(我称之为bootstrap-16.css)将仅在浏览器宽度超过lg断点时加载 - 1200px。