IT资讯 Bootstrap v5.2.1 发布

Bootstrap v5.2.1 现已发布，这是一个补丁版本，主要包含了一些错误修复、文档更新和依赖性更新。

Key changes

更新了 calc() 函数，以解决 postcss-values-parser 中的一个明显的 bug，该 bug 导致源 Sass 文件在使用 React 和 PostCSS 构建时无法正常编译。解决方法是颠倒在 calc() 函数中的乘法顺序。用户可能需要根据自己的自定义进行类似的修改。

还解决了一些长期存在的关于 button focus 和 active styling 的问题，特别是对于复选框和单选按钮。在移动设备上，input-based buttons 难以摆脱其 focus styles。这个问题在 v5.2.1 中得到了解决，开发团队将 .btns 的 :focus 改为 :focus-visible。现在，复选框和单选按钮在 :focus-visible 时不再改变它们的背景颜色，它们也不会收到 :hover styling。常规的 .btns 仍然有它们熟悉的 hover 和 focus styles。

Highlights

除了上述更改之外，还修复了多个组件的错误：

• Accordion
  • 更新color值以使用$accordion-button-colorSass 变量而不是 color contrast 函数
• Buttons
  • 为按钮添加了透明的默认悬停边框颜色 CSS 变量，以修复视觉回归问题
  • $enable-gradients设置为true时.btn-link不再有渐变
• Forms
  • Input groups 已更新z-index值以确保正确呈现经过验证的表单字段
  • Floating labels 现在重新设置了文本对齐方式，以确保风格一致。
• List Groups
  • 只有一个 child 的水平列表组现在呈现正确的border-radius
  • 修改了list-group-item选择器以更好地支持 Bootstrap CSS 的嵌套导入
• Modals
  • 更新了事件监听器以忽略滚动条点击、从.modal-dialog内部开始但在外部结束的点击，以及对在.modal-dialog外开始和结束的点击的响应。
• Pagination
  • 修复了分页组件内的错误的border-radius值
• Scrollspy
  • Scrollspy 阈值选项现在可配置
• 工具提示和弹出框
  • 恢复了一些 工具 提示插件更新，以防止selector、dynamic content 和使用 title的工具提示出现问题
  • 修复 trigger：调用toggle()时"manual"显示和立即隐藏的问题

依赖项

• 更新了 Autoprefixer 以修复color-adjust属性的警告问题

 更多详情可查看官方博客。

为您推荐与 bootstrap 相关的帖子：

• Bootstrap 5.3.0-alpha1 发布
• Bootstrap 5.3.0-alpha3 发布
• Bootstrap v5.3 正式发布，支持黑暗模式
• Bootstrap v5.3.1 发布
• BootstrapBlazor v8.7.0 发布，Bootstrap 样式的 Blazor UI 组件库