您的位置：360文档中心› bootstrap2和bootstrap3的用法区别概述(一)

bootstrap2和bootstrap3的用法区别概述(一)

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

bootstrap2和bootstrap3的用法区别概述（一）

一、表格中

1. 3增加了响应式表格为

外层div添加.table-responsive类，如果屏幕很窄此时表格会出现横向滚动条

二、表单中

1. 3中

2. 官网中基本实例：3内用.form-group类隔开块，2中直接

，2中如果想隔开块是加.control-group类

3. 对于内联表单加类.form-inline，小于一定宽度表单都会折叠，3中是

768px

4. 水平表单时：3中要配合栅格系统（分栏和移位）使用，比如input外层添加div承载栅格，2中不用

5. 下拉框以列表形式显示：3中

6. 3中有表单静态控件，比如用来提示用户的

需要和

元素添加.form-control-static类即可

7. 2中有很多前缀后缀附加选项框的样式，3中整个表单禁用在
下面加

，2中加过也可以禁用，但是鼠标放上去没有禁用图标

三、按钮和图片

1．2中多一个.btn-inverse类按钮，2中没有.btn-default类

2. 默认按钮的话2中直接加.btn类，3中加.btn和.btn-default类

3. 3中按钮激活状态多加一个.active类

4．3中添加.img-responsive类可以让图片支持响应式布局，ie8-10中需要在图像显示不匀称的地方添加width:100%\9

5. 关于图标，2中用承载，3中用承载