sublime text 中不存在真正可用的“bootstrap 5 插件”，因官方 bootstrap snippets（mrmlnc 版）已停更且不兼容 python 3.8+，安装会报 importerror；可靠方案是组合启用 emmet、自定义 bootstrap5.sublime-snippet 文件（需置于 user 目录、scope 设为 text.html.basic），并安装 html-css-class-completion 实现类名提示。
Sublime Text 里没有真正可用的“Bootstrap 5 插件”能直接装完就补全类名或生成组件——你装 Bootstrap Snippets（mrmlnc 版）会报 ImportError: No module named 'urllib2'，因为该插件已停更、不兼容 Python 3.8+，而 Sublime Text 4 默认用的就是 Python 3.8+。
为什么 Bootstrap Snippets 插件现在打不开
这个插件最后一次更新是 2021 年，作者明确停止维护；Sublime Text 4 启用 Python 3.8+ 运行时后，urllib2 模块被移除，import urllib2 直接失败。即使强行安装，也看不到 bs5-navbar 等触发项，控制台还会刷红字错误。
- 别在 Package Control 里搜 “Bootstrap Snippets” 尝试安装——它就是个失效包
- 也别信“重启 Sublime 就好”这类说法，底层 import 已崩，重启没用
- 如果你已装过，建议手动删掉：
Preferences → Browse Packages→ 进入Installed Packages/删除Bootstrap Snippets.sublime-package
真正能用的 Bootstrap 5 补全：Emmet + 自定义 .sublime-snippet
Sublime 原生支持 Emmet，而 Bootstrap 5 的类名结构（如 container、row、col-6）天然适配 Emmet 缩写规则。你不需要第三方插件来“翻译”类名，只需确保 Emmet 正常启用，并补充几个高频片段。
- 确认 Emmet 已启用：
Preferences → Package Settings → Emmet → Settings，检查"enable_tab_expand": true - 在
Preferences → Browse Packages → User目录下新建文件：bootstrap5.sublime-snippet - 内容填这个（支持
bs5-container、bs5-row、bs5-col-6等缩写）：
<snippet><content> $1 ]]></content><tabtrigger>bs5-container</tabtrigger><scope>text.html.basic</scope></snippet>
- 保存后，在 HTML 文件中输入
bs5-container+Tab，立刻展开 - 同理可加
bs5-navbar、bs5-card等，<scope></scope>必须设为text.html.basic，否则在 .html 文件里不生效
类名自动提示（比如输 btn 就弹出 btn btn-primary）怎么实现
Emmet 负责结构缩写，但类名补全得靠另一层：HTML-CSS-Class-Completion 插件。它会扫描当前项目里的 CSS 文件（包括 Bootstrap CDN 的在线样式表，只要本地有缓存），提取所有 class 名并实时提示。
- 用 Package Control 安装
HTML-CSS-Class-Completion - 安装后默认开启，无需额外配置；但需确保当前文件语法是
HTML（右下角显示“HTML”，不是“Plain Text”） - 如果提示不出现，检查设置：
Preferences → Settings – User中确认有"auto_complete": true - 它对 Bootstrap 5 的 utility 类（
text-center、bg-dark、p-3）支持良好，但不会补全 JS 数据属性（如data-bs-toggle）——那是 LSP 或自定义 snippet 的事
最易被忽略的一点：所有自定义 .sublime-snippet 文件必须放在 User 包目录下，且文件名以 .sublime-snippet 结尾；少一个字母、多一个空格、放错目录，Tab 都不会响应。别指望“装个插件就万事大吉”，Sublime 的补全能力取决于你亲手配准的这几处关键路径和 scope 规则。
