bootstrap3 文档随看

唉昨天看的是2，早知道就只可以看3啦，虽然整体不变，但是小改小闹的还是很多啦。产品上线是需要升级的，但是像这么改会很烦哎，有些样式名字修改，用法修改，功能修改，那让用惯了2的人还得把之前记忆清除了然后再看3。改的辛苦，学的也很累，谁让要用人家的工具呢~~~~~~

在 Bootstrap 2 中，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中，我们重写了整个框架，使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。也就是说，Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落，而不是增加一个额外的文件。

bootstrap迎合了如火如荼的移动互联发展，

<meta name="viewport" content="width=device-width, initial-scale=1">

简单的一句话让你的网页基于现实屏幕大小去展示，要去适应肯定需要修改框架原本只能友好适应屏幕的span*样式。这样子col-xs-* col-sm-* col-md-* col-lg-*替代了原本只是以列划分。具体参见http://v3.bootcss.com/css/，这样子设置多种样式可以根据用户端产品去选择使用哪一种。当span被替代，当然，偏移也改了col-sm-offset-*，相应很多啦。这里添加了一个push pull，通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。

其他改变不多啦

还有一个就是我很喜欢的小图标的使用，更语义化使用

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

在简单的标签也可以使用啦，不用再独立出一个标签
使用注意

出于性能的考虑，所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意，为了设置正确的内补（padding），务必在图标和文本之间添加一个空格。

不要和其他组件混合使用

图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 <span>标签，并将图标类应用到这个 <span> 标签上。

只对内容为空的元素起作用

图标类只能应用在不包含任何文本内容或子元素的元素上。

改变图标字体文件的位置

Bootstrap 假定所有的图标字体文件全部位于 ../fonts/ 目录内，相对于预编译版 CSS 文件的目录。如果你修改了图标字体文件的位置，那么，你需要通过下面列出的任何一种方式来更新 CSS 文件：

在 Less 源码文件中修改 @icon-font-path 和/或 @icon-font-name 变量。
利用 Less 编译器提供的相对 URL 地址选项。
修改预编译 CSS 文件中的 url() 地址。

根据你自身的情况选择一种方式即可。

图标的可访问性

现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时），我们为这些图标设置了 aria-hidden="true"属性。

如果你使用图标是为了表达某些含义（不仅仅是为了装饰用），请确保你所要表达的意思能够通过被辅助设备识别，例如，包含额外的内容并通过 .sr-only 类让其在视觉上表现出隐藏的效果。

如果你所创建的组件不包含任何文本内容（例如， <button> 内只包含了一个图标），你应当提供其他的内容来表示这个控件的意图，这样就能让使用辅助设备的用户知道其作用了。这种情况下，你可以为控件添加 aria-label属相。

我觉得bootstrap团队应该把区别列出来有利于程序员的升级啦~~~