前端框架 Bootstrap 5 Alpha 3 发布

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

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/ 

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 前端技术演进（五）：现代前端交互框架
• 重学前端学习笔记（三）--前端知识框架图
• 2020 前端框架测评总结
• [原]前端框架们
• 响应式前端框架
• 前端单元测试框架梳理

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。