我正在开发一个项目,该项目需要一个16列网格,用于任何小于大(lg)媒体查询的显示。大版本需要使用12列网格显示网站。
有没有简单的方法可以将12列网格用于大视图,并切换到16列网格以用于以下任何内容?
答案 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。