前端框架 Bootstrap 5 Alpha 3 发布

来源: OSCHINA
2020-11-17

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/ 

展开阅读全文
3 收藏
分享
加载中
精彩评论
v4 已经用两年多了,准备升级到 v5
2020-11-17 15:22
1
举报
一直在使用bootstrap3,v4版本还没用过。。。才发现原来已经升级到bootstrap5了。
2020-11-17 12:56
1
举报
最新评论 (4)
一直用 v3
2020-11-18 09:54
0
回复
举报
一直在使用bootstrap3,v4版本还没用过。。。才发现原来已经升级到bootstrap5了。
2020-11-17 12:56
1
回复
举报
v4 已经用两年多了,准备升级到 v5
2020-11-17 15:22
1
回复
举报
这年头没必要再更新了
2020-11-17 12:45
0
回复
举报
更多评论
4 评论
3 收藏
分享
返回顶部
顶部