Bootstrap 4 Beta
@mdo 2017 年 8 月 10 日
历时两年，我们终于发布了 Bootstrap 4 的第一个 Beta 版本。在这段时间里，我们至少进行了 27 次大规模重构，提交了近 5000 次代码，修改了 650 多个文件，添加了 67000 行代码，删除了 82000 行代码。我们还发布了六个主要的 Alpha 版本，三个官方主题，甚至还发布了一个招聘板。简而言之？该发布了。
Beta！？
长话短说，发布 Beta 版本意味着我们将在下一个主要版本（v5）发布之前停止破坏你的代码。我们并不完美，但我们会尽力保持所有类、功能和文档 URL 与当前版本一致。我们随时可以添加更多内容，但不能删除任何内容。
对于那些没有使用过 v4 Alpha 版本的用户，以下是一些亮点，帮助你快速了解。
- 从 Less 切换到 Sass。 Bootstrap 现在比以往任何时候都编译得更快，这得益于 LibSass，我们也加入了越来越多的 Sass 开发者社区。
- Flexbox 和改进的网格系统。 我们几乎将所有内容都迁移到了 flexbox，添加了一个新的网格层以更好地针对移动设备，并且彻底改造了我们的源 Sass，使其拥有更好的变量、mixin，现在还有地图。
- 放弃了 wells、thumbnails 和 panels，转而使用 cards。 Cards 是 Bootstrap 的一个全新组件，但它们会让你感觉非常熟悉，因为它们几乎可以完成 wells、thumbnails 和 panels 的所有功能，而且效果更好。
- 分叉了 Normalize.css 并将我们所有的 HTML 重置整合到一个新的 CSS 模块 Reboot 中。 Normalize.css 采取了与我们期望不同的路径，放弃了一些我们长期依赖的核心 CSS 调整。Reboot 采用了 Normalize.css 的核心，并将其扩展到包括更多有主见的重置，例如
box-sizing: border-box、边距调整等等，所有这些都包含在一个单独的 Sass 文件中。 - 全新的自定义选项。 我们不再将渐变、过渡、阴影、网格类等样式修饰放到像 v3 这样的单独样式表中，而是将所有这些选项都迁移到了 Sass 变量中。想要在所有内容上使用默认过渡，或者禁用圆角？只需更新一个变量并重新编译即可。
- 放弃了对 IE8 和 IE9 的支持，放弃了旧版浏览器版本，并迁移到 rem 单位来进行组件大小调整，以利用更新的 CSS 支持。除了我们的网格之外，像素已在适当的地方被替换为 rems 和 ems，以使响应式排版和组件大小调整更加容易。需要支持 IE8/IE9、Safari 8-、iOS 8- 等？请继续使用 Bootstrap 3。
- 重写了我们所有的 JavaScript 插件。 每个插件都已使用 ES6 重写，以利用最新的 JavaScript 增强功能，包括新的拆卸方法、选项类型检查、新方法等等。
- 借助名为 Popper.js 的库，改进了工具提示、弹出框和下拉菜单的自动放置。
- 重新设计并改进了文档。 我们重新设计了它，用 Markdown 重写了所有内容，并添加了一些方便的插件来简化示例和代码片段，使使用我们的文档变得更加容易。我们还添加了一个很棒的新搜索表单！
- 全新的构建工具完全重写为 npm 脚本，不再使用 Grunt，极大地简化了 Bootstrap 的开发和贡献流程。
- 还有更多！自定义表单控件、重新设计的轮播、改版后的导航栏、HTML5 表单验证样式、数百个响应式实用程序类、新组件等等也已包含在内。
好的，喘口气，想了解更多吗？继续阅读，或者直接跳转到 全新的文档！
新外观
Bootstrap 4 在我们的 alpha 版本中一直保持着略微更新的外观，但直到最近我们才对文档和组件进行了刷新。
除了新的调色板和新的系统字体外，我们的文档还采用了全新的布局。这个 beta 版本的新功能包括由 Algolia 的 DocSearch 提供支持的出色搜索表单，改进的页面布局，包括粘性导航栏和侧边栏，以及新的目录。
有关此版本更改的更多详细信息，请查看 Beta 1 发货清单问题，以及 已关闭的 Beta 1 里程碑。请务必 加入我们的官方 Slack 房间！ 并深入了解 我们的问题跟踪器，以便在可能的情况下提交错误报告、问题和一般反馈。