Bootstrap 5 Alpha 3

2020-11-12 03:48:05

我们的第三个Alpha版本对组件、实用程序、文档、表单、JavaScript等进行了大量更新。这对我们来说是一个更大的Alpha版本，并为我们的第一个测试版做好了准备，我们将在那里引入一些最终的突破性变化和功能。

我们正在努力快速推进，并将项目和网络的未来放在心上，所以这次发布对我们来说是一个重要的里程碑。我们正在平衡从v4实际迁移到反映不断变化的前端社区的有意义的变化。

我们认为你会喜欢这个版本，所以请继续阅读，让我们知道你的想法！

我们在这个版本中改进了几个组件，甚至为了一些新的和改进的实用程序而去掉了一个组件。

我们已经放弃了基于.card的Accordion，而使用了一个全新的.accordion组件，解决了这个过程中的几个错误。我们的新手风琴仍然使用折叠的JavaScript插件，但是有了定制的HTML和CSS支持，它比以往任何时候都更好、更容易使用。

新的手风琴包括引导图标，作为指示状态和点击能力的V形图标。我们已经包含了对齐平手风琴的支持(添加.accordion-flush)来移除外部边框，从而可以更容易地放置在父元素中。

有关最新消息的更多详细信息，请查看公关，或访问新的文档页面。

在v5中不再有块按钮--我们去掉了.d-grid和.ap-*实用程序的.btn-block类。这允许相同的行为和样式，但可以更好地控制间距、对齐方式，甚至是响应性布局选项。

我们一直在寻找新的方法来改进我们的文档，这个版本也不例外。我们有很多大大小小的变化。

我们添加了一个键盘快捷键，让您专注于搜索字段。按Ctrl+/触发它。

我们还重写了文档侧边栏，使用实际的<；Button>；元素代替锚点，并改进了焦点样式。

在内容方面，我们将“导航”页面重命名为“导航标签”，以帮助人们更好地找到我们的标签JavaScript功能。我们还做了一些样式更改，改进了标题锚点链接的焦点样式，并从代码片段中删除了文本换行，以使代码更短、更易于阅读。

我们已切换到Dart Sass，但LibSass已被弃用。我们用Dart Sass测试我们的构建已经有一段时间了，几周前我们决定改用LibSass。我们暂时保留了萨斯模块。

删除了使用COLOR-LEVEL()和$TIME-COLOR-INTERVAL的颜色系统，取而代之的是一个新的颜色系统。代码库中的所有lightten()和darken()函数都替换为tint-color()和shade-color()。这些功能会将颜色与白色或黑色混合，而不是以固定的量改变其亮度。Scale-color()将根据其权重参数是正值还是负值对颜色进行着色或着色。有关更多详细信息，请参阅#30622。

在Beta 1中一些更大且必要的JavaScript更改之前，我们已经发布了一些插件的更新。

在我们的第一个测试版中，我们彻底修改了我们的API文档，为添加、修改、删除和扩展我们的默认实用程序提供了更清晰的示例和信息。

此外，我们还添加了一些新的默认实用程序，以便让您的工作更轻松一些：

表单有一些令人兴奋的变化，这要归功于添加了浮动标签作为一个成熟的表单布局选项和一个新的文件输入。

浮动标签包括对文本输入、选择和文本区域的支持。我们对文本有一个限制，即多行文本可能会被浮动标签遮挡。我们正在努力修复这个问题，所以如果你有想法，请让我们知道！

我们已经删除了自定义的.form-file类，以便在.form-Control类中添加其他样式。这意味着我们不再需要额外的JavaScript来使我们的文件输入样式起作用--新的表单文件都是CSS！

除此之外，我们最终决定添加一个新类来修复使用验证时输入组上的圆角。将.has-Feedback类添加到.input-group中，以启用输入组中的验证消息，而不会出现任何视觉上的倒退。好消息是，在我们的下一个版本中，这也将被重新移植到v4。

最后，我们在浏览器支持、重启样式、组件等方面做了一些小的更新。

查看v5 Alpha 3项目板和v5 Alpha 3版本更改日志中的所有更改。请务必阅读迁移指南，了解自Alpha2以来有哪些变化的详细信息。

Beta 1将是一个更狭隘的版本，我们希望将这些最终的突破性变化作为其中的一部分发布。

RTL！RTL还在来！我们的团队正在审查公关，希望它能在Beta 1中登陆，以确保我们能从社区得到一些测试。

更新到Popper.js v2。仍然在我们的雷达上，但由于主要版本的一些不同，移动速度比我们预期的要慢。详情请见公关。