Bootstrap 5.3.3

@julien-deramond 2024 年 2 月 20 日

Bootstrap v5.3.3 发布了，包含 bug 修复、文档改进以及更多针对颜色模式的后续增强功能。继续阅读以了解亮点！

亮点

• 修复了颜色模式引入的一个重大更改，该更改要求在使用 Sass 构建 Bootstrap 时手动导入 variables-dark.scss。现在，_variables.scss 将自动导入 _variables-dark.scss。如果您之前已经手动导入 _variables-dark.scss，则应继续这样做，因为它不会造成任何问题，并且将在 v6 中成为首选方式。
• 修复了选择器引擎中的一个回归问题，该问题无法再处理多个 ID。

颜色模式

• 徽章现在使用 .text-bg-* 文本实用程序来确保文本始终可读（尤其是在明暗模式下自定义颜色不同时）。
• 修复了我们的 color-modes.js 脚本，以处理操作系统设置为亮模式并在网站上使用自动颜色模式的情况。如果您从我们的文档中复制了脚本，您应该将 此更改 应用到您自己的脚本中。
• 修复了颜色模式文档中的颜色方案描述，以显示 color-scheme() 仅接受 light 和 dark 值作为参数。

其他

• 允许在消毒器中使用 <dl>、<dt> 和 <dd>。
• 放弃了模态和画布标题的均匀项目分布。
• 修复了手风琴 CSS 选择器，以避免在嵌套手风琴时出现继承问题。
• 修复了验证状态表单控件的焦点框阴影。
• 修复了已选中按钮的焦点环。
• 修复了产品示例移动导航栏切换器。
• 更改了轮播控件图标的 RTL 处理。

文档

• 放弃了示例代码块不必要的右边距。
• 修复了 背景实用程序示例 部分中强调文本实用程序的使用。
• 添加了有关如何渲染默认展开的手风琴的技术说明。
• 更改了 Vite 指南中的 Vite 配置路径导入。
• 增强了 .card-img-* 类别的卡片图像描述。
• 在 Sass 自定义页面中提到了 shift-color() 函数，位于 tint-color() 和 shade-color() 之间。
• 在备忘单示例导航按钮中添加了缺少的 type="button" 属性。
• 更新了自定义页面中的颜色表，使其具有响应性。

获取发布

前往 https://bootstrap.ac.cn 获取最新版本。 它也已推送到 npm

npm i bootstrap@v5.3.3

阅读 GitHub v5.3.3 变更日志，以获取此版本中所有更改的完整列表。

支持团队

访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料，以帮助支持为 Bootstrap 做出贡献的维护者。