首页 > 其他 > 详细

bootstrap3中关于布局的两种样式

时间:2014-09-09 15:30:08      阅读:274      评论:0      收藏:0      [点我收藏+]

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

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

bootstrap3中关于布局的两种样式

原文:http://www.cnblogs.com/xiaotaiyang/p/3962292.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!