昨日 Bootstrap 官方发布了 4-alpha 版本,该版本的主要变更如下:

  • 从 Less 迁移到 Sass。 Bootstrap 依靠 Libsass 拥有了前所未有的编译速度,我们也加入了蒸蒸日上的 Sass 开发者委员会。
  • 改进的网格系统。 我们添加了一个新的网格层用于更好的支持移动设备,并全面检查我们的语义 mixin。
  • 可选的弹性盒子支持。 未来近在咫尺——将一个布尔变量设为 true 之后重新编译 CSS 就可以体验到弹性盒布局的网格和组件的强大。
  • well、thumbnail 和 panel 组件统一为 card 组件。 Card 是一个崭新的 Bootstrap 组件,能替代之前 well、thumbnail 和 panel 能做的事情它都能做,而且做的更好。
  • 将所有的 HTML 初始化代码统一为一个新模块 Reboot。 Reboot 继续 Normalize.css 的脚步,并在一个单独的 Sass 文件中给你提供更多可选的初始化选项,如 box-sizing、border-box、margin tweak 等
  • 崭新的配置项。 与 v3 中将渐变、变换、阴影等等单独归为一个样式表不同,我们将这些选项挪到了 Sass 变量中管理。如果你希望加一些默认的变换或者禁用圆角,只需要改一个变量然后重新编译即可。
  • 放弃对 IE8 的支持,单位迁移到 rem 和 em。 放弃对 IE8 的支持意味着我们可以利用 CSS 的更好的特性,而不需要考虑 CSS hacks 或向下兼容。像素单位已经被换成 rem 和 em,从而更加方便地进行响应式布局和组件尺寸设计。如果你仍然需要兼容 IE8,请继续使用 Bootstrap 3。
  • 重写所有 JavaScript 插件。 每一个插件都用 ES6 进行了重写从而获得最新 JavaScript 特性的加成。而且全部兼容 UMD,提供拆卸方法,option 中类型检查,等等等等。
  • 使用一个叫 Tether 的工具改进了 tooltip 和 popover 的自动定位。
  • 更清晰的文档。 我们使用 Markdown 语法重写了文档,并且增加了一些顺手的插件用于精简范例和代码块,从而让我们的文档更便于查阅。更高级的搜索功能也在制作中。
  • 其他大量改进 自定义表单控件、内外边距的 class,新的通用 class,等等等等。

P.S. 感觉我翻译还不如 Google 翻译。。以后不干这事儿了。。