前端框架 Bootstrap 5 Alpha 3 发布

栏目: 软件资讯 · 发布时间: 4年前

内容简介: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 图标。

前端框架 Bootstrap 5 Alpha 3 发布

  • 新的 block buttons:v5 中不再提供 block 按钮。开发团队为 .d-grid 和 .gap- * utilities 删除了 .btn-block 类。这样可以实现相同的 behavior 和 style,但可以更好地控制间距、对齐方式甚至响应式布局选项。

前端框架 Bootstrap 5 Alpha 3 发布

文档改进

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

前端框架 Bootstrap 5 Alpha 3 发布

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/ 


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

查看所有标签

猜你喜欢:

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

一本书读懂24种互联网思维

一本书读懂24种互联网思维

安杰 / 台海出版社 / 2015-3-1 / 39.80元

互联网思维已经不再局限于互联网,与当初人类史上的“文艺复兴”一样,这种思维的核心即将开始扩散开去,对整个大时代造成深远的影响。本书是深入研究互联网思维的精华之作,作者深入浅出地集中阐述了24种互联网思维的内核与精神,并结合实例对这24种互联网思维逐一进行了点评。对于个人与企业如何抓住互联网思维背后正喷薄而出的工作、生活、商业上的大革新与大机遇,如何在互联网思维下进行运作,如何运用互联网思维进行升级......一起来看看 《一本书读懂24种互联网思维》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具