Bootstrap 4 Beta 3

@mdo 2017 年 12 月 28 日

欢迎使用 v4 的最终测试版!自从我们发布第二个测试版以来,已经过去了两个多月,我们一直在忙于进行最后的一些重大更改,然后才能发布下一个稳定版本 v4.0.0!我们进行的重大更改比我们计划的要多一些,但不要担心,我们已经详细说明了所有更改。

Beta 3 主要集中在我们的表单上,但也包括对表格、一些全局样式、我们的文档和一些 JavaScript 错误的关键修复。在此版本发布后,我们将解决一些问题和 PR,然后在新年的一两周内发布稳定版 v4。

让我们深入了解所有亮点。

重大更改

正如我们在Beta 2 版本发布中提到的,我们在 Beta 3 中需要进行一些额外的重大更改。我们已在此处和我们的迁移文档中总结了这些更改 - 请务必阅读它们!

  • 重写了原生和自定义复选框控件。 浏览器默认和自定义复选框和单选按钮现在在从<label>中删除<input>后具有更简单的标记。现在,所有复选框和单选按钮都有一个父<div>和兄弟<input><label>对。这对于表单验证和禁用输入至关重要,因为我们可以使用输入的状态来设置标签的样式。

    此外,自定义复选框和单选按钮元素不再具有.custom-control-indicator。这是从新的.custom-control-label生成的。

  • 输入组已使用特定的.input-group-{prepend|append}类重写。 新方法使我们能够支持输入组内的验证样式和消息,同时还添加了对自定义选择、自定义文件输入和多个.form-control的支持。

  • 响应式表格再次成为父类,以避免更改<table>display时的可访问性问题。

  • 删除了.col-form-legend,将其样式合并到.col-form-label类中。

阅读迁移页面以获取更多详细信息。

更多亮点

除了重大更改之外,我们还解决了一些可能影响您项目的一般问题。

  • cursor: pointer恢复到非禁用的链接、按钮、.close、导航栏切换器和分页链接。

  • 使用.modal-dialog-centered添加了一个新的垂直居中的模态选项。

  • 在 #23860 中为下拉菜单添加了新的 dropleft 和 dropright 变体。

  • 我们的 npm 包不再包含除源代码和 dist JavaScript 和 CSS 文件以外的任何文件。如果您以前依赖于通过node_modules文件夹运行我们的脚本,则需要更新您的构建工具。

  • 打印样式已移至导入堆栈的底部,以正确覆盖样式。

有关此版本更改的更多详细信息,请查看Beta 3 发货清单问题,以及Beta 3 项目。请务必加入我们的官方 Slack 房间!并深入我们的问题跟踪器,尽可能提供错误报告、问题和具体反馈。

即将推出

稳定版 v4.0.0 是我们的下一个版本,我们已经有一个 GitHub 项目看板 来跟踪问题和 PR。从 Beta 3 到稳定版不会有重大更改,因此我们的变更日志应该简短而甜蜜。预计会有一些 linting、Sass 变量改进、更新的文档示例以及更多构建工具改进。

随着我们下一个版本的发布,master 分支将再次成为我们的默认分支。我们将把 v4-dev 合并到 master 中,这意味着 v3 的源代码将只存在于我们的 v3-dev 分支和 过去版本 中。

很快就会再次见到你!