Bootstrap 4 Beta 2

@mdo 2017 年 10 月 19 日

就在两个多月前，我们发布了 Bootstrap 4 的第一个测试版，现在我们准备与大家分享第二个测试版。我们改进了自定义、文档、构建工具和命名不一致问题，同时修复了大量错误。

我们尽力避免破坏性更改，但不得不偷偷加入了一些。遗憾的是，在 Beta 3 中还会有一些。但是，我们清楚地列出了所有更改，以便您尽可能轻松地进行升级和测试。

让我们先从好消息开始——Beta 2 来了！

亮点

在过去的两个月里，我们进行了 500 多次提交，因此与 Beta 1 相比，我们有一些变化需要与大家分享。

改进的主题

我们发布了一个全新的 主题文档页面 来取代旧的选项页面（我们会自动将用户从旧页面重定向到新页面）。这个新页面深入探讨了 Sass 文件的结构、默认变量及其自定义方式、使用的映射和循环、函数、颜色，当然还有全局 Sass 选项。它还包含一个新部分，解释了我们如何通过 Sass 映射和循环构建组件，特别是我们的修饰符类（例如：.btn-danger）。

除了文档更改之外，我们还对 CSS 做了一些更改，以改善用户与主题选项的交互方式。

• 除了映射之外，我们还添加了新的主题颜色变量。现在您可以根据需要使用 $primary 或 theme-color("primary")。$theme-colors 中的值现在也映射到这些新变量，而不是直接映射到颜色。

• 我们改进了自定义 Sass 映射的能力。在 Beta 1 中，我们没有设置来修改 $theme-colors 映射，而无需完全替换它。这在 Beta 2 中已得到修复 - 覆盖现有值并根据需要添加更多值。我们的新主题文档页面将向您展示如何操作。

最后，我们的 $enable-shadows 和 $enable-gradients Sass 变量终于更新并集成到我们的一些组件中。现在，当您启用这些变量（默认情况下两者都为 false）并重新编译时，您将在警报、按钮、轮播、自定义表单控件和下拉菜单项中看到微妙的渐变和阴影。

当您使用 $enable-gradients 时，您将启用新的 .bg-gradient- 实用程序（默认情况下禁用），用于导航栏等。

请查看并分享您在问题中的任何反馈。

偏移网格类

我们把它们带回来了！在 Beta 1 之前过早地删除了它们，我们低估了 .offset- 类对我们的网格系统的吸引力。自动边距对你们来说还不够。样式已恢复，我们的网格文档已更新。尽情享受吧！

更新的迁移文档

鉴于我们自 Beta 1 以来进行了一些重大更改，我们在 迁移文档页面 中添加了一个新部分，详细说明了我们可能对您造成破坏的更改。我们不得不在这里和那里重命名一些类，以确保一切与项目的其余部分保持一致。

我们将以相同的方式在 Beta 3 中再次更新此页面。

还有更多！

• 在模态框上引入了新的 pointer-events 使用方式。外部 .modal-dialog 通过 pointer-events: none 传递事件以进行自定义点击处理（使其能够仅监听 .modal-backdrop 上的任何点击），然后通过 pointer-events: auto 对实际的 .modal-content 进行抵消。
• 响应式表格现在为每个网格断点生成类，这意味着我们在已存在的 .table-responsive 中添加了 .table-responsive-{sm,md,lg,xl}。您可能需要根据您希望表格何时调整大小来调整您的使用方式。
• 从 .badge 及其关联的 $badge-color 变量中删除不必要的 color。
• 包含两个新的 dist 文件，其中包含 bootstrap.bundle.js 和 bootstrap.bundle.min.js 中的 Popper.js。
• 放弃对 Bower 的支持，因为他们已经弃用了该包管理器。
• 将面包屑从 float 切换到 flexbox。
• 切换到 Stylelint 来满足我们的 CSS 代码检查需求。
• 我们现在在编译后的 CSS 中输出一些 CSS 变量，以便于使用我们的 dist 文件进行原型设计和自定义。
• 将 color-yiq 从包含 color 属性的 mixin 更改为返回值的函数，允许您将其用于任何 CSS 属性。

即将在 Beta 3 中推出

Beta 3 是我们的下一个版本，并且已经有一个 GitHub 项目看板 用于跟踪问题和 PR。除了标准的文档改进和错误修复之外，我们还关注一些问题和 PR

• 重新审视表单复选框和单选按钮标记，以确保我们可以自定义验证消息（同时使标记与我们的自定义表单检查匹配）。
• 对 输入和按钮变量 有更多控制。
• 改进了验证后的自定义复选框和单选按钮的焦点样式。
• 解决表单 输入组中的验证反馈。

如果您对合并到我们的 v4-dev 分支感兴趣，请务必关注这些问题和 PR。

走向 v4 正式版

在 Beta 3 之后，我们希望快速进入 v4 正式版发布。理想情况下，它也将比 Alpha 6 到 Beta 1 的迁移更加平滑和专注。我们从很多用户那里了解到，这两个版本之间的差异太大。

有关此版本更改的更多详细信息，请查看 Beta 2 发布清单问题，以及 Beta 2 项目。请务必 加入我们的官方 Slack 房间！ 并深入 我们的问题跟踪器，尽可能提交错误报告、问题和一般反馈。