1 BootStrap 最新版本 v3.x 那么V2.x和V3.x的区别主要是什么呢 ?
改动了一些组件;改变了一些标签;
V2中 增加了对移动设备友好的样式,而在V3中,则重新了整个框架,使BootStrap3.x对移动设备是优先友好的;
BootStrap提供了一套响应式 移动设备优先的流式栅格系统,随着屏幕尺寸的增加,系统会将界面自动的生成12等份;
通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。
超小屏幕 手机 (<768px) | 小屏幕 平板 (≥768px) | 中等屏幕 桌面显示器 (≥992px) | 大屏幕 大桌面显示器 (≥1200px) | |
---|---|---|---|---|
栅格系统行为 | 总是水平排列 | 开始是堆叠在一起的,当大于这些阈值时将变为水平排列C | ||
.container 最大宽度 |
None (自动) | 750px | 970px | 1170px |
类前缀 | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
列(column)数 | 12 | |||
最大列(column)宽 | 自动 | ~62px | ~81px | ~97px |
槽(gutter)宽 | 30px (每列左右均有 15px) | |||
可嵌套 | 是 | |||
偏移(Offsets) | 是 | |||
列排序 | 是 |
文档地址 http://v3.bootcss.com/css/#grid-options
2 水平排列的表单 form-horizontal
原文:http://www.cnblogs.com/yachao1120/p/6411206.html