下载掌阅APP，畅读海量书库
立即打开
Bootstrap是Twitter公司的设计师马克·奥托（Mark Otto）和雅各布·桑顿（Jacob Thornton）合作开发的一款基于HTML、CSS和JavaScript的开源工具集，是目前流行的前端框架结构。它是基于HTML、CSS、JavaScript的一个简洁、灵活的开源框架。
Bootstrap是全球非常受欢迎的前端框架，用于开发响应式、移动设备优先的Web项目。2011年8月，Bootstrap在GitHub上发布，一经推出就颇受欢迎。
Bootstrap是什么
Bootstrap中预定义了一套CSS样式和与样式对应的jQuery代码。在应用该框架时，只需提供固定的HTML结构，并且为各元素添加Bootstrap中提供的class名称，即可实现指定的效果。
2011年8月，Twitter公司推出了快速搭建网页应用的轻量级前端开发工具Bootstrap。Bootstrap符合HTML和CSS要求，简洁且优美规范。Bootstrap由动态CSS语言Less写成，在很多方面类似CSS框架blueprint。经过编译后，Bootstrap就是众多CSS的集合。
Bootstrap版本的“进化”
2012年1月，Twitter公司正式发布了Bootstrap 2.0版本。
Bootstrap参考了网络社区的建议和Twitter公司前端重构过程中积累的经验。Bootstrap 2除了增加了新样式外，还修改了一些网页元素的默认样式，并且修改了上一版本中的一些错误，同时完善了说明文档。当然，Bootstrap的重大改变在于添加了响应式设计特性，采用了更为灵活的12网格布局。
2013年3月，Twitter公司发布了Bootstrap最新的3.0预览版本，主要更新包括以下几点。
· 文档发生变化，简化了页面组织和为其提供支持的工具。
· 不再支持IE7和Firefox 3.6。
· 改善了整个插件的noConflict，删除了bootstrap-typeahead.js，使用typehead.js插件。
· 对网格系统进行了改进。
· 新增了一些组件，如panels和list groups等，同时删除了accordion、submenus、typehead和其他一些小项目。
· 将图标转换为Glyphicons字体图标。
· 排版中进行了大量的清理和小的改进，包括表、图片、按钮等。
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中重写所有内容，并添加了一些方便的插件来简化和演示示例代码片段，便于用户更轻松地阅读和使用文档。
· 其他修改包括自定义表单控件、边距和填充类、新的实用程序类等。