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


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

  • 支持黑暗模式

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

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

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

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

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

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

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

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

  • 新的导航下划线

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

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


相關推薦

2022-12-26

Bootstrap v5.3.0-alpha1 现已发布,此版本带来了新的颜色模式支持、带有变量和实用程序的扩展调色板等。具体更新内容如下: 深色模式和彩色模式 Bootstrap现在支持通过 root<html>元素上的data-bs-theme属性来明确选择创建多种颜

2023-04-04

Bootstrap 5.3.0-alpha3 现已发布,具体更新内容如下: 修复了 node-sass/Hugo 错误的插值变量。 在calc()函数中使用 Sass 变量时,添加了对插值变量的检查,以捕获 Node Sass 的编译错误。 开始在更多组件中使用--bs-border-radius变量。

2022-09-07

obo R1 (仅带有交换机的 sunxi 设备) LuCI 的黑暗模式 LuCI bootstrap 界面现已支持黑暗模式,其默认配置是跟随浏览器设定,此配置可以在 “系统” → “系统” → “语言与样式” 中修改。 解决了 2038 年问题 OpenWrt 22.03 使用的mu

2023-11-01

BootstrapBlazor v7.12.0 已经发布,Bootstrap 样式的 Blazor UI 组件库 此版本更新内容包括: Release 2023-10-31 V7.12.0 Bugs fix(MenuLink): 修复 MenuLink 地址为 / 时始终高亮问题 by @ray-gilbert in https://github.com/dotnetcore/BootstrapBlazor/pull/2204 fix(Count

2022-10-26

能已正式 GA——到达稳定状态。此版本将默认 CSS 框架从 Bootstrap 4 升级到 Bootstrap 5,并为 M1 Mac 设备预置了二进制文件。此外还优化了性能,例如将 IHP 应用程序打包成 docker 镜像时,其体积从 300 MB 压缩到 80 MB。 Bootstrap 5 将

2022-10-18

台软件,可以在 Linux、Windows 和 macOS 上运行。 Calibre 6.7 正式发布,此次更新内容如下: 新功能 模板语言:一个新的 "Python 模板模式",允许在模板中使用任意的 Python 代码 标签浏览器:允许通过右击标签浏览器中的格式从

2022-10-08

它被用于故障排除、分析、开发和教育。Wireshark 4.0 近日正式发布了,从版本号上看,自 3.6 以来,新版本带来了很多变化。 默认的主窗口布局 在过去的版本中,Wireshark 遵循其前辈们制定的标准,将数据包列表、数据包细节和

2023-10-15

qing-admin VUE 3.0 轻后台管理框架,技术栈 Vue 3 + TypeScript + Vite + element-plus 轻量搭配、简单好用! 在 vue3 的基础上开发,基于  element-plus 二次封装,各个基础组件轻薄好用 支持多种界面布局展示,支持黑暗模式、灰色

2023-07-26

络编程框架 ioGame 开发的,也是 ioGame 的最佳实践。ioGame 正式发布至中央仓库已经一周年了,经历了近 50 个版本的高速迭代。期间得到了众多开发者的认可,并且这些数据都是可查的,统计数据来源于语雀后台,这些数据都是真

2022-11-02

托管编译器,同时也为尚未准备好升级的用户保留了 Bootstrap 编译器,只需添加-fstage1flag 即可使用。 官方介绍称,自托管编译器的实现在性能和内存使用方面优于旧版本。以下是编译器自身构建的两项数据(在 Intel(R) Core(TM

2023-10-19

qing-admin 企业级 Vue 3.0 后台管理框架 QingAdmin 1.0.0 发布 技术栈 Vue 3 + TypeScript + Vite + element-plus 轻量搭配、简单好用! 在 vue3 的基础上开发,基于  element-plus 二次封装,各个基础组件轻薄好用。 支持多种界面布局

2023-08-31

【直播预告】eBPF 到底是可观测领域的神器 or 鸡肋? BootstrapBlazor v7.10.0 已经发布,Bootstrap 样式的 Blazor UI 组件库 此版本更新内容包括: Release 2023-08-30 V7.10.0 What's Changed 破坏性更新 refactor(TableToolbarPopConfirmButton): 组件重命

2023-07-03

BootstrapBlazor v7.8.0 已经发布,Bootstrap 样式的 Blazor UI 组件库 此版本更新内容包括: Release 2023-07-01 V7.8.0 What's Changed 破坏性更新 chore(Table): 原属性 Searchs 更改为 Searches by @ArgoZhang in https://github.com/dotnetcore/BootstrapBlazor/pull/1417

2023-08-01

BootstrapBlazor v7.9.0 已经发布,Bootstrap 样式的 Blazor UI 组件库 此版本更新内容包括: Release 2023-08-01 V7.9.0 What's Changed Bugs fix(Chart): 修复 borderWidth 属性不生效问题 by @azlis in https://github.com/dotnetcore/BootstrapBlazor/pull/1474 fix(Filter):