Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，Bootstrap提供了优雅的HTML和CSS规范，使得 Web 开发更加方便快捷。Bootstrap框架的优秀注定了Bootstrap会出现许多的版本供开发人员选择，Bootstrap的众多版本中，目前使用较广泛的是版本Bootstrap2、Bootstrap3和Bootstrap4，本文我们着重来讲一讲Bootstrap4带来的全新的改变。

Bootstrap 4 有太多重大的更新，这里不能面面俱到都介绍到，我们只介绍其中一些颇受关注的亮点。

• 从 Less 迁移到 Sass：Bootstrap 已加入 Sass 的大家庭中。得益于 Libsass，Bootstrap 的编译速度比以前更快。

• 改进栅格系统：新增一个栅格层适配移动设备，并整顿语义混合。

• 支持选择弹性盒（flexbox）模型：这是一项划时代的功能——只要修改一个 Boolean 变量，就可以利用弹性盒的优势快速布局。

• 废弃 well、thumbnail 和 panel，使用 cards 代替：cards 是一个全新概念，但使用起来与 well、thumbnail 及 panel 很像，而且更方便。

• 将所有 HTML 重置样式表整合到 Reboot 中：在不能用 Normalize.css 的地方可以用 Reboot 了，它提供了更多选项。例如 box-sizing: border-box、margin tweaks 等都存放在一个单独的 Sass 文件中。

• 新的自定义选项：Bootstrap 4 将渐变、淡入淡出、阴影等效果分别放在单独的样式表中，而是将所有选项都移到一个 Sass 变量中。想要给全局或考虑不到的角落定义一个默认效果？很简单，只要更新变量值，然后重新编译就可以了。

• 不再支持 IE8，使用 rem 和 em 单位：放弃对 IE8 的支持意味着开发者可以放心地利用 CSS 的优点，不必研究 css hack 技巧或回退机制了。使用 rem 和 em 代替 px 单位，更适合做响应式布局和控制组件大小。如果要支持 IE8，只能继续使用 Bootstrap 3。

• 重写所有 JavaScript 插件：为了利用 JavaScript 的新特性，Bootstrap 4 用 ECMAScript6 重写了所有插件。现在提供 UMD 支持、泛型拆解方法、选项类型检查等特性。

• 改进工具提示和弹出框自动定位：这部分要感谢 Tether 工具的帮助。

• 改进文档：所有文档以 Markdown 格式重写，添加了一些方便的插件组织示例和代码片段，文档使用起来会更方便，搜索的优化工作也在进行中。

• 更多变化：支持自定义窗体控件、空白和填充类，此外还包括新的实用程序类等。

怎么样，这么多的亮点相信有足够的吸引力让你想要掌握这门框架，那么倘若你又正好不知道如何选择学习Bootstrap的途径，不妨考虑一下动力节点在线网站，动力节点在线致力于Java学习，名师讲授专业课程，免费学习优秀的视频课程，机不可失，时不再来！