Bootstrap 5 CheatSheet 是纯静态HTML项目，双击index.html即可离线使用，无需服务器或Node.js；搜索区分大小写和连字符，点击类名旁的↕图标可查看v4/v5差异，需手动build才能同步最新Bootstrap版本。
直接用本地 HTML 文件打开就能查，不用装任何东西
Bootstrap 5 CheatSheet 是个纯静态项目，index.html 就是入口，双击它或用 file:// 协议在浏览器里打开即可使用。不需要 Node.js、不用 npm run serve，更不依赖后端服务——除非你要改源码或生成 dist 文件。
常见错误是误以为必须启动本地服务器：有人装了 Gulp、跑 gulp serve，结果报错说找不到任务。其实那只是开发模式用的，日常查类名完全绕过它。
- 下载 ZIP 后解压，直接进文件夹双击
index.html - 如果搜索无响应，检查浏览器是否禁用了本地 JS（比如某些企业策略会拦截
file://下的脚本） - Chrome 默认允许，Firefox 有时需手动开启
privacy.file_unique_origin设为false
搜 table-hover 这类类名时，注意大小写和连字符
CheatSheet 的搜索是精确匹配，tablehover 或 TableHover 都搜不到 table-hover。它区分大小写，也严格识别连字符 —— 这和 Bootstrap 本身的行为一致，但新手常在这里卡住。
实际场景中容易混淆的几组：
-
dropdown-menu-end≠dropdown-menu-right（后者是 Bootstrap 4 的写法） -
bg-dark和table-dark效果不同：前者设背景色，后者还重置了文字/边框颜色 -
form-control在<input>上生效，但在<select multiple>上需要额外加form-select
对比 Bootstrap 4 和 5 差异，点类名旁的小图标就行
页面上每个类名右侧都有一个 ↕ 图标，点击它就会展开差异说明。这不是装饰，是核心功能——比如搜 btn-block，点开就知道它在 Bootstrap 5 中已被移除，改用 col-12 或 d-block。
这个对比对迁移项目特别关键：
-
text-center在 v4/v5 中都存在，但 v5 里它只作用于当前元素，不再影响子元素的文本对齐（v4 会继承） -
data-toggle全部变成data-bs-toggle，CheatSheet 会明确标出“已重命名” - 所有带
-sm/-md的断点类（如mt-sm-3）在 v5 中仍可用，但hidden-sm这类隐藏类已彻底删除
想离线用又怕更新滞后？自己 build 一份最新 dist
官方 CheatSheet 网站（themeselection.com）上的版本可能不是最新，而 GitHub 仓库的 main 分支才是实时更新源。如果你需要确保类名与本地 bootstrap@5.3.3 完全一致，就得自己 build。
步骤很简单，但有几个硬性前提：
- 必须装 Node.js（≥18.x）和 npm（≥9.x）
- 运行
npm install后，别直接npm run serve—— 先看package.json里的 scripts，确认是否有build或dist类型命令 - 真正生成静态文件的是
gulp dist-css和gulp dist-js，不是gulp serve - 产出物在
dist/目录下，把整个文件夹拷走就能当纯静态资源用
build 出来的 HTML 不再依赖网络请求加载数据，所有类名、示例、对比逻辑都已内联或预编译，适合放进公司内网或培训材料包里。但注意：每次 Bootstrap 发布新 patch 版本（比如从 5.3.3 升到 5.3.4），你得重新 build 才能同步新增类名 —— 这事没人替你自动做。
