1.1.2 Bootstrap版本的“进化”

1. Bootstrap 1

2011年8月，Twitter公司推出了快速搭建网页应用的轻量级前端开发工具Bootstrap。Bootstrap符合HTML和CSS要求，简洁且优美规范。Bootstrap由动态CSS语言Less写成，在很多方面类似CSS框架blueprint。经过编译后，Bootstrap就是众多CSS的集合。

2. Bootstrap 2

2012年1月，Twitter公司正式发布了Bootstrap 2.0版本。

Bootstrap参考了网络社区的建议和Twitter公司前端重构过程中积累的经验。Bootstrap 2除了增加了新样式外，还修改了一些网页元素的默认样式，并且修改了上一版本中的一些错误，同时完善了说明文档。当然，Bootstrap的重大改变在于添加了响应式设计特性，采用了更为灵活的12网格布局。

3. Bootstrap 3

2013年3月，Twitter公司发布了Bootstrap最新的3.0预览版本，主要更新包括以下几点。

• 文档发生变化，简化了页面组织和为其提供支持的工具。

• 不再支持IE7和Firefox 3.6。

• 改善了整个插件的noConflict，删除了bootstrap-typeahead.js，使用typehead.js插件。

• 对网格系统进行了改进。

• 新增了一些组件，如panels和list groups等，同时删除了accordion、submenus、typehead和其他一些小项目。

• 将图标转换为Glyphicons字体图标。

• 排版中进行了大量的清理和小的改进，包括表、图片、按钮等。

4. Bootstrap 4

2015年8月，Twitter公司发布了Bootstrap第一个4.0内测版。Bootstrap 4是一项改动几乎涉及每行代码的大型工作，它的更新主要包括以下几点。

• 从Less迁移到Sass。迁移以后，Bootstrap的编译速度比以往更快了。

• 改进了网格系统，新增了一个网格层，以更好地定位移动设备，并整顿语义混合。

• 加入了flexbox支持。这是个划时代的功能，程序员只需修改一个boolean变量，就可以利用flexbox的优势快速布局。

• 使用cards代替well、thumbnails和panels。cards是Bootstrap全新的组件，但是它们使用起来与well、thumbnails以及panels相像，并且更加方便好用。

• 将所有的HTML重置合并到一个新模块reboot中。在无法使用normalize.css的地方使用reboot，可以提供更多选项。

• 使用全新的定制选项。不再像以前版本那样，将渐变、过渡、阴影等样式修饰降级为单独的样式表，而将它们移到一个Sass变量中。想要对内容设置默认的样式，只需要更新变量、重新编译即可。

• 删除了对IE8的支持，并且使用rem和em单位。删除对IE8的支持意味着开发人员可以放心地利用CSS的优点，而不用再受CSS hack和回退机制的干扰。在适当的情况下，可用rem和em替换px，使响应式排版和控制组件大小变得更加容易。

• 重写了JavaScript插件。每个插件都在ES6中重写，以利用最新的JavaScript增强功能。现在还提供UMD（Universal Madule Definition，通用模板定义规范）支持、泛型拆解方法和选项类型检查等。

• 增加了工具提示和popovers的自动定位。

• 改进了文档。在Markdown中重写所有内容，并添加了一些方便的插件来简化和演示示例代码片段，便于用户更轻松地阅读和使用文档。

• 其他修改包括自定义表单控件、边距和填充类、新的实用程序类等。