bootstrap3中关于布局的两种样式
2014-09-09 11:02
218 查看
container:用.container包裹的内容即可实现居中对齐。注意,由于在各分辨率下面都设置了padding 和 固定宽度,.container不能嵌套。
row:栏栅系统是把父容器平均分为12列。注意,row可以被嵌套。
通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。
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 |
相关文章推荐
- 关于Asp.net2.0下Div+Css页面布局样式失效的解决方法
- 关于php,mysql,html的数字分页和文本分页的两种分页样式供大家参考
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- 关于反射中创建类型实例的两种方法
- Java vs C# —— J2EE与.NET平台关于电子企业的两种设想(5)
- 关于居中布局和IE双倍边距bug
- 关于gridview的样式
- 关于ASP.NET2.0网页控件布局(ASP.NET)
- 关于displaytag1.1的两种分页
- 关于IIS布局设置问题的一些解决(window2003 server)
- Java vs C# —— J2EE与.NET平台关于电子企业的两种设想(7)
- Java vs C# —— J2EE与.NET平台关于电子企业的两种设想(3)
- J2EE与.NET平台关于电子企业的两种设想(1)
- Java vs C# —— J2EE与.NET平台关于电子企业的两种设想(1)
- 关于webpart 的问题:一个用户修改了页面布局,如何应用于网站的所有用户?
- Java vs C# —— J2EE与.NET平台关于电子企业的两种设想(2)
- 关于html中下拉菜单select的样式的改变
- 关于filter滤镜应用于图片的两种创意