Bootstrap 无法创建桌面快捷方式，因其仅为前端框架，不访问操作系统；真正可行路径是构建PWA，配置manifest.json、service worker，并在HTTPS下触发beforeinstallprompt事件。
Bootstrap 本身不提供创建桌面快捷方式图标的任何能力——它是个纯前端 CSS/JS 框架，运行在浏览器里，无法访问操作系统文件系统或写入桌面。
为什么 bootstrap 和桌面快捷方式完全无关
桌面快捷方式（如 Windows 的 .lnk 文件、macOS 的 .webloc 或 Linux 的 .desktop）是操作系统级产物，需要后端服务生成、用户主动下载并双击执行，或通过特定 API（如 PWA 的 beforeinstallprompt）触发安装流程。Bootstrap 连 window.navigator 都不操作，更不会生成二进制快捷方式文件。
- 你看到的“带图标的网页入口”，实际是 PWA 安装提示、书签栏拖拽，或手动创建的 URL 快捷方式
- Bootstrap 可以美化一个“点击下载快捷方式”的按钮，但按钮本身不产生快捷方式
- 试图用
bootstrap-icon或img标签“模拟”桌面图标，只是页面内的视觉元素，不是操作系统识别的快捷方式
真正能生成桌面快捷方式的可行路径
如果你的目标是让用户“像装 App 一样把网站放到桌面”，唯一可靠路径是构建 PWA（Progressive Web App），并配合 manifest + service worker。Bootstrap 可以用在 PWA 的 UI 层，但它不参与安装逻辑。
- 必须配置有效的
manifest.json，包含icons数组（至少含 192x192 和 512x512 PNG），且display设为"standalone"或"minimal-ui" - 必须注册
service-worker.js（哪怕只缓存空 shell），否则 Chrome/Safari 不会触发安装提示 - 必须在 HTTPS 环境下运行（localhost 除外）；HTTP 站点直接被浏览器屏蔽安装能力
- 用户需主动触发：地址栏点击“安装”按钮，或监听
beforeinstallprompt事件自定义安装按钮
常见错误：用 Bootstrap 做“假快捷方式”按钮
很多人用 btn btn-primary 写个“添加到桌面”按钮，点一下却只跳转首页或弹个 Toast——这根本没调用任何安装 API，纯属误导用户。
- 错误示例：
document.getElementById('install-btn').addEventListener('click', () => window.location.href = '/')—— 这只是刷新页面 - 正确做法：先保存
beforeinstallprompt事件，再在按钮中调用event.prompt()，并监听userChoice结果 - 注意兼容性：Safari 对 PWA 支持较弱（iOS 目前仅支持添加至主屏幕，无真正 standalone 模式）；Firefox 不触发
beforeinstallprompt - 图标尺寸必须严格匹配 manifest 要求，
192x192图标被拉伸或压缩会导致安装失败或显示模糊
想让用户桌面出现图标，核心是 PWA 配置和浏览器策略，不是 CSS 框架选型。Bootstrap 能帮你把安装引导页做得更顺眼，但别指望它替你写 manifest.json 或注册 service worker。
