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></select> 上需要额外加 form-select

对比 Bootstrap 4 和 5 差异，点类名旁的小图标就行

页面上每个类名右侧都有一个 ↕ 图标，点击它就会展开差异说明。这不是装饰，是核心功能——比如搜 btn-block，点开就知道它在 Bootstrap 5 中已被移除，改用 col-12 或 d-block。

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载

这个对比对迁移项目特别关键：

• 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 才能同步新增类名 —— 这事没人替你自动做。