Bootstrap v5.3.0 的稳定版本正式发布,新版本带来的变化包括:

  • 支持黑暗模式

    Bootstrap 的核心已被重写,为黑暗模式提供了支持。此外,Bootstrap 现在支持任何数量的颜色模式,允许你建立自己的自定义主题或更细微的颜色模式。

  • 除亮色和黑暗模式外,还支持自定义颜色模式的主题

    为 Bootstrap 添加黑暗模式支持时,Bootstrap 团队并不想只是添加一个黑暗模式,而是想为一个颜色模式系统打下基础,这个系统可以用来创建任何数量的主题和颜色模式。

    要添加一个自定义的颜色模式,需要创建你自己的 data-bs-theme 选择器,用一个自定义值作为你的颜色模式的名称,然后根据需要修改任何 Sass 和 CSS 变量。

  • 为适应颜色模式的主题颜色扩展调色板

    新版本修改了调色板,包括新的 Sass 变量、CSS 变量和用于设置 color 、 background-color 和 border-color 的实用程序。

  • 新的链接辅助工具和实用程序

    在 v5.3.0 版本中,链接的风格设计有了很大的改善,有了一系列全新的链接帮助器和工具。首先,新版本增加了一些样式,用新的图标链接助手将图标(如 Bootstrap Icons)与链接放在一起。

  • 新的导航下划线

    将 .nav-underline 添加到 .nav 中,以获得活动导航链接下更简单的底部边框。

更多详情可查看:https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/

Bootstrap v5.3 正式发布,支持黑暗模式
标签: