跳到主要内容
输入关键词开始搜索,↑ ↓ 选择,Enter 打开
没有找到匹配的文档

Bootstrap 6 专题

按使用场景整理 Bootstrap 6 的中文说明:新组件用法、与 5.3 的差异、迁移时容易踩的坑。

Bootstrap 6 Dialog 对话框用法:取代 Modal 的原生方案

Bootstrap 6 把弹层拆成了独立的 Dialog 组件,底层是浏览器原生 dialog 元素。本文给出最小示例、常用 data 属性、JS 配置,以及和 5.3 Modal 的对照。

Bootstrap 6 容器查询:.contains-inline 与 .contains-size

Bootstrap 6 新增容器查询工具类,组件能按父容器宽度响应,而不是按视口。本文说明两个类的作用、@container 写法,以及和媒体查询、5.3 的区别。

Bootstrap 6 主题色 token:.theme-* 与 fg-* 怎么配合

6.0 在 bg-* / text-* 之外新增了一组主题 token 类:先声明 .theme-primary,再用 .theme-bg、.theme-contrast、.theme-border 取角色。本文说明搭配方式、深色模式和自定义入口。

Bootstrap 6 日期选择器 Datepicker 用法

6.0 内置了日期选择器,基于 Vanilla Calendar Pro。给 input 加 data-bs-toggle 就能用,本文列出常用属性:日期范围、多选、双月视图、内联模式、弹层位置。

Bootstrap 6 与 5.3 的区别:新组件、工具类拆分与迁移取舍

把两版目录逐页比对后的结论:6.0 新增 Dialog、Stepper、Avatar、Chips、OTP、Datepicker 等组件,工具类被拆细并新增容器查询与主题 token。附「该不该现在迁」的判断。