Bootstrap 3,col和col- #class

时间:2015-12-10 19:03:03

标签: twitter-bootstrap css3

我在bootstrap模板上看到了col和col-#类,这些是什么以及何时何时使用col和col-#类? 在任何地方我只阅读col-sm-#或col-md- #class,我没有看到任何关于col或col的信息#&#/ p>

1 个答案:

答案 0 :(得分:2)

没有col - # - 类。

你使用col-xs-#/ col-sm-#/ col-md-#/ col-lg-#作为你的布局。

这很容易:

xs是最小视口上的网格< 768px。 (所以两个col-xs-6甚至可以在移动设备上浮动)

如果您使用两个col-sm-6,它们只会在移动设备上折叠。漂浮在上面:> 768px。

如果你使用col-md-6,它们会折叠< 992px并漂浮在所有比这更大的视口上。

如果使用col-lg-6,它们仅在视口> 1200px上浮动。他们正在倒塌。

附加信息:每组12个cols应该包含在div.row中。 (你也可能在第12列之后崩溃,但这可能需要一些CSS修复你的边距/填充。

进一步阅读:http://getbootstrap.com/css/#grid