Bootstrap 5.2.0加强了CSS和自定义组件

200 阅读2分钟

流行的网络框架的重大升级为所有组件引入了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.