Bootstrap的优势之一是其网格系统。这一系统为网页提供了一种可声明的方式来渲染网格系统中的内容，不需要额外的步骤就能使流式内容兼容桌面端和移动端。Bootstrap 4的网格系统使用的是几乎所有的现代浏览器都支持的flexbox。因为引入了这一更新等原因，新版只支持IE10 以上和iOS7 以上。如果项目仍需兼容旧式浏览器，开发人员就要继续使用Bootstrap 3。但是，Bootstrap 3的维护已经在2016年结束了。

从V3版本升级的开发人员需要先做测试，可能还要解决一些问题。新版整体上和旧版接近，但多了一些突破性的变化。一份迁移指南列出了变化内容的详情。

V4版本的主要更新有：

• 改进的网格系统（默认情况下为Flexbox）
• 现在使用Sass（取代了Less）
• 不支持IE8、IE9和iOS 6
• 重写JavaScript插件
• 现在使用rem取代了px。

Bootstrap最初于2011年发布，当初是作为Twitter的一个产品诞生的，号称是“世界上最流行的HTML、CSS和JS库”，但其增长趋势如今似乎已经到头了。Dan Tao等人曾批评Boostrap的紧耦合和缺乏语义的缺陷：

最早看来很棒的一堆开发组件，如今演变成了堆积如山的技术债务。开发者的HTML充斥着带有Bootstrap特定属性的深度嵌套结构。

V4的第一个alpha版本发布于2015年8月，两年后发布了第一个beta版本。但Bootstrap 4是否生不逢时？它的网格系统是最大的卖点之一，但主流浏览器普遍采用CSS 网格，意味着Bootstrap 4新引入的，基于flexbox的网格已经过时了。

Natalya Shelburne是纽约时报的一位软件工程师，她认为CSS网格才是未来：

CSS网格不是什么黑客工具，它是一个很好的web布局工具。什么都不用安装，也不需要预处理器，更用不着为了理解它的运作机制而绞尽脑汁。

此外，Ryan Oglesby则认为，使用基于组件的样式技术（如经常与React或Vue.js一起使用的技术），就不需要传统的“全局CSS”技术了：

在React或Vue.js等UI库的帮助下，现代Web应用程序体系结构已经采用了松耦合，高内聚的组件，这些组件通常将HTML，CSS和JavaScript放在同一个文件中。

当然，如果开发者想要做一些美观漂亮、运行迅速的内容，Bootstrap的JavaScript插件（比如Popover和Form控件）仍是首选的框架。

原文来自：

本文地址：//q13zd.cn/bootstrap-4.html

编辑：倪家兴，审核员：逄增宝

本文原创地址：//q13zd.cn/bootstrap-4.html编辑：倪家兴，审核员：暂无