按使用场景整理 Bootstrap 6 的中文说明:新组件用法、与 5.3 的差异、迁移时容易踩的坑。
Bootstrap 6 把弹层拆成了独立的 Dialog 组件,底层是浏览器原生 dialog 元素。本文给出最小示例、常用 data 属性、JS 配置,以及和 5.3 Modal 的对照。
Bootstrap 6 新增容器查询工具类,组件能按父容器宽度响应,而不是按视口。本文说明两个类的作用、@container 写法,以及和媒体查询、5.3 的区别。
6.0 在 bg-* / text-* 之外新增了一组主题 token 类:先声明 .theme-primary,再用 .theme-bg、.theme-contrast、.theme-border 取角色。本文说明搭配方式、深色模式和自定义入口。
6.0 内置了日期选择器,基于 Vanilla Calendar Pro。给 input 加 data-bs-toggle 就能用,本文列出常用属性:日期范围、多选、双月视图、内联模式、弹层位置。
把两版目录逐页比对后的结论:6.0 新增 Dialog、Stepper、Avatar、Chips、OTP、Datepicker 等组件,工具类被拆细并新增容器查询与主题 token。附「该不该现在迁」的判断。