Twitter Bootstrap 3如何改变版本2.3.2？

我正在研究自己的差异。 到目前为止，我已经想出了：

span is now col :- there are three types of col ie .col- .col-sm- .col-lg- for phone, tablet and pc respectively. additional class 'row' 

还有什么更多的区别？ 来自已经完成研究的人。

Answer 1

Bootstrap 3的目标是移动优先。

1. 掉了IE7和FF3.6的支持。
2. 标准的，响应式的CSS结合成一个文件。
3. 重命名variables：重命名variables使用破折号而不是驼峰。 例如，现在是@ ​​body-bg而不是@bodyBackground
4. 不再有@blue，@ orange，而是@ brand-primary，@ brand-success等等。 然后这些被分配在每个组件的基础上（例如@ state-warning-text，@ btn-background-primary等）
5. 使用.img-retina（）添加视网膜图像混合
6. 新增加的variables如下： – 更改@ component-active-bg并自定义导航药丸，下拉菜单等的活动状态。

检修网格系统，使其stream动和移动优先。

1. 删除单独的stream体网格系统，容器和布局
2. 新的单个网格系统使用.row（百分比而不是像素），（填充边距）和box-sizing：border-box，现在。
3. 偏移仍然是100％的支持。
4. 而不是.span *和.offset *，我们现在分别使用.col- *和.col-offset- *。
5. 对于微型设备（智能手机）使用.col- *类。 对于小型设备（平板电脑）使用.col-sm- *类
6. 添加.col-push- *和.col-pull- *修饰符类以实现简单的列源sorting。
7. 删除专用的表格网格类。
8. build议在所有.container实例上使用“max-width”而不是“width”来帮助防止组件（如navbars）中的容器出现问题。

纽扣：

1. 默认的灰色button需要两个class-class =“btn btn-default”。
2. 掉了.btn-inverse

forms：

1. 删除单数.input-group的input-prepend和input-append
2. 删除.form-search
3. 水平表单现在是移动优先的，意思是在<768px，元素堆叠。 在这之上，元素是浮动的并且并排地出现。
4. checkbox和收音机现在需要额外的
5. 而不是.radio.inline，现在您需要一个类，.radio-inline，直接在a。上使用

图标

1. 转换为Glyphicons v1.7 @ font-face并删除旧的PNG。
2. 所有类都以.glyphicon开头，而不是.icon-

标签：-

1. 重构标签以使用父级的字体大小进行缩放
2. 丢弃.label-inverse

英雄单位Jumbotron

1. class级从.hero-unit变成了.jumbotron
2. 较轻的标题字体
3. 在响应式视图中缩放字体大小。

导航和导航

1. 删除.nav-list选项。 被新的.list-group组件replace。
2. 放弃对.navbar-search的支持
3. 默认导航栏及其子组件的检修风格：
4. 下拉菜单插入符号（连接到实际菜单，而不是指示符）已被删除，以便下拉菜单平放在导航栏的边缘。
5. 导航栏垂直分隔符已经带来了一个smidge，这意味着他们不会延长导航栏的整个高度。
6. 没有更多的阴影或在导航栏上的渐变。
7. 移动设备的导航栏高度从44px增加到62px，桌面的高度增加了50px。
8. 删除.navbar-inner并将相关样式移动到.navbar
9. 将.navbar> .nav更改为.navbar-nav
10. 将.btn-navbar更改为.navbar-toggle
11. 将.brand更改为.navbar品牌

下拉菜单： –

1. 在下拉菜单中删除子菜单suport。
2. 删除了.nav-header，并用.dropdown-headerreplace

情态动词： –

1. 不再需要使用.hide
2. 在身体上重新引入.modal-open（所以我们可以在那里核对卷轴）
3. 添加一些额外级别的标记（即.modal-dialog和.modal-content），这样我们就可以滚动整个模态而不是溢出模态内的一个部分。
4. 相关的，.modal现在是包装，而.modal-content是模式本身。 这样我们仍然可以使用position：fixed，但是使模态相对定位，这样滚动就移动了整个模态，而不是与它相关的东西。
5. 为标题内容的更一致和有用的定位添加了一个.modal标题（以前这只是一个和select器性能明智的吸引）。

旋转木马： –

1. 重新devise！ 上一个和下一个控件的更轻的样式，以及旋转木马的标题。
2. 更新轮播控件所需的标记。 .carousel控件类现在需要其中的另一个元素用于上一个/下一个字符。 这些字符现在是Glyphpicons图标，用于改进浏览器和设备的样式和定位。 指标现在是中下alignment的。
3. 标题被强化为可选的，并且默认情况下隐藏在移动视图中，然后显示> 768px视口。

以上列表仅供普通程序员使用。 以前的答案迎合了比我更好的程序员。

Answer 2

注意 ：在某些情况下，我觉得在这里写出完整的答案非常重要，但在这种情况下，我不认为来自GitHub的信息会消失，因此我select了提供这个简短的答案，所有的信息只需点击一下即可

从Bootstrap博客 ：

什么变了！

超过1600次的提交，大约72000次增加/删除，300个文件变化，一切都变了。 我们添加了function，删除了function，并清理了更多。 GitHub上的v3 pull请求提供了所需的所有详细信息，包括完整的更改列表和一些有用的迁移提示。