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