流行的网络框架的重大升级为所有组件引入了CSS变量,并改进了字体和颜色的帮助器和实用程序。
随着Bootstrap网络开发框架的最新升级计划,构建者为所有组件提供了CSS变量,以及新的辅助工具和实用程序。
5月13日发布的Bootstrap v5.2.0-beta1被称为自两年前Bootstrap 5.0以来该框架的最大版本。组件现在包括更容易的主题化和CSS变量,以实现实时定制。色彩模式的支持,从深色模式开始,将很快被加入。组件页面已经更新,包括相关CSS变量的参考指南。大多数CSS变量的值是通过Sass变量分配的;通过CSS和Sass的定制都被支持。
为了使修改自定义组件更加容易,在5.2.0版本中对帮助器和实用工具进行了投资。两个例子包括:
- 增加了新的
.text-bg-{color}帮助器。开发人员现在可以使用.text-bg-*帮助器来设置具有对比性前景颜色的背景色,而不是设置单独的.text-*和.bg-*实用程序。 - 扩展了
font-weight工具,包括用于半粗体字的.fw-semibold。
随着第5版的继续开发,预计会有更多这方面的改进。Bootstrap v5.2.0-beta1可以从项目网站下载。在Bootstrap v.5.2.0-beta1的其他部分:
- 一个新的Sass文件被引入
_maps.scss,它从_variables.scss,以修复一个问题,即对原始地图的更新没有应用到扩展它的二级地图上。 - Offcanvas组件现在有了响应性的变化。
- 文档已被重新设计。
- 按钮和输入已经用精炼的
border-radius值进行了刷新。 - 一个
$enable-container-classes选项是特色。当选择实验性的CSS网格布局时,.container-*类仍然会被编译,除非该选项被设置为false.