一 、表格中
1. 3增加了响应式表格为<table>外层div添加.table-responsive类，如果屏幕很窄 此时表格会出现横向滚动条
二、 表单中
1. 3中<label>标签不能省略，即便不想显示在界面中，可以加.sr-only类
2. 官网中基本实例：3内用.form-group类隔开块，2中直接<fieldset>，2中如果想隔开块是加.control-group类
3. 对于内联表单加类.form-inline，小于一定宽度表单都会折叠，3中是768px
4. 水平表单时：3中要配合栅格系统（分栏和移位）使用，比如input外层添加div承载栅格，2中不用
5. 下拉框以列表形式显示：3中<select multipleclass="form-control">，2中<select multiple="multiple">
6. 3中有表单静态控件，比如用来提示用户的<p>需要和<label>放在同一行，为<p>元素添加.form-control-static类即可
7. 2中有很多前缀后缀附加选项框的样式，3中整个表单禁用在<form>下面加<fieldset disabled>，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中用<i>承载，3中用<span>承载
时间： 2024-09-29 01:23:40