首页 > 代码库 > bootstrap3中关于布局的两种样式

bootstrap3中关于布局的两种样式

container:用.container包裹的内容即可实现居中对齐。注意,由于在各分辨率下面都设置了padding 和 固定宽度,.container不能嵌套。
row:栏栅系统是把父容器平均分为12列。注意,row可以被嵌套。

通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。
 超小屏幕设备 手机 (<768px)小屏幕设备 平板 (≥768px)中等屏幕设备 桌面 (≥992px)大屏幕设备 桌面 (≥1200px)
栅格系统行为总是水平排列开始是堆叠在一起的,超过这些阈值将变为水平排列
最大.container宽度None (自动)750px970px1170px
class前缀.col-xs-.col-sm-.col-md-.col-lg-
列数12
最大列宽自动60px78px95px
槽宽30px (每列左右均有15px)
可嵌套Yes
偏移(Offsets)Yes
列排序Yes

bootstrap3中关于布局的两种样式