Bootstrap5Alpha3 发布

Vedu • 2020-11-19 07:34 • 软件工具 • 阅读 1070

Bootstrap 5 Alpha 3 版本现已发布，该版本对组件、实用程序、文档、表单、JavaScript 等进行了大量更新。官方表示，这是一个较大的 Alpha 版本，并为第一个 Beta 版本做好了准备。

组件

新的 accordion：删除了基于 .card 的 accordion，换成了全新的 .accordion 组件，并在此过程中解决了几个 bug。新 accordion 仍然使用 llapse JavaScript 插件，但通过自定义 HTML 和 CSS 来支持它。新的 accordion 包含有 Bootstrap 图标。
新的 block buttons：v5 中不再提供 block 按钮。开发团队为 .d-grid 和 .gap- * utilities 删除了 .btn-block 类。这样可以实现相同的 behavior 和 style，但可以更好地控制间距、对齐方式甚至响应式布局选项。

文档改进

添加了键盘快捷键
重写了文档侧边栏
将“导航”页面重命名为“导航和标签”

Sass 更改

在 LibSass 被废弃的情况下，改用了 Dart Sass。
与 color-level() 和 $theme-color-interval 一起使用的颜色系统被移除，取而代之的是一个新的颜色系统。代码库中的所有 lighten() 和 darken() 函数都被 tint-color() 和 shade-color() 所取代。这些函数会将颜色与白色或黑色混合，而不是以固定的量改变其亮度。scal-color() 将根据颜色的权重参数是正值还是负值，对颜色进行着色或阴影处理。
为 CSS 自定义属性前缀添加了一个 Sass 变量。

JS

简化了下拉菜单的位置
删除了多余的 polyfill
通过检查 first slide 上的 data-interval，修复了 carousel data-interval bug
删除了 Manipulator.toggleClass，以简化一些代码

Utilities

在第一个 Beta 版中，开发团队对 API 文档进行了大修，以提供更清晰的示例和有关添加、修改、删除和扩展默认实用程序的信息。

此外，还添加了一些新的默认实用程序：

为 display: grid 添加了 .d-grid
为 font-size 添加了 .fs utilities
将 font-weight utilities 改名为 .fw
增加了 .rounded-1、.rounded-2 和 .rounded-3 三个新的小、中、大边界半径实用程序。
添加了 .overflow-visible 和 .overflow-scroll 实用程序。

Forms

添加了浮动标签（作为完整的表单布局选项）和新的文件输入。

即将推出 Beta 1 版

该版本包括的一部分更改有：

RTL 即将到来。开发团队正在对 PR 进行审查，希望它能登陆 Beta 1。
更新到 Popper.js v2。
命名空间的数据属性。
通过 state 选项更新了具有 pseudo-classes 支持的实用程序 API。

更多详情请看官方博客：https://blog.getbootstrap.com/2020/11/11/bootstrap-5-alpha-3/

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/soft/15036.html