Bootstrap 3, col and col-# class



我在引导模板上看到了col和col-#类,它们是什么?何时使用col和coll-#类?在我只读到col-sm-#或col-md-#类的任何地方,我都看不到任何关于col或col-#的信息

没有col-#-classes。

您使用colxs-#/colsm-#/colmd-#/col-lg-#进行布局。

就这么简单:

xs是最小视口上的网格<768px。(因此,即使在移动设备上也有两个col-xs-6浮动)

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

如果你使用col-md-6,它们正在塌陷<992px,并在所有比这更大的视口上浮动。

如果使用col-lg-6,则它们仅在>1200px的视口中浮动。低于此,它们正在崩溃。

附加信息:每组12列都应该封装在div.row中。(你也可以在第12列之后折叠,但这可能需要一些CSS修复来修复你的边距/填充。

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

相关内容

最新更新