Bootstrap 可視化工具生成代碼運行缺失樣式：需引入 CSS/JS 文件或 CDN 鏈接

現象

導出 HTML 打開無樣式、排版錯亂，未下載 Bootstrap 文件，僅引用 CDN 但可能路徑錯誤或網絡不通。

解決步驟

1. 確認 CDN 鏈接有效：在 `` 引入 CSS，`` 末尾引入 JS (依賴 jQuery)。
   ```html <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> ```
2. 離線使用：下載 bootstrap.min.css、bootstrap.min.js、jquery.min.js 放入項目目錄，用相對路徑引用。
3. 檢查瀏覽器控制台：Network 面板確認 200 OK，Console 無 404/混合內容錯誤。

常見坑

• 工具導出代碼可能包含 <link rel="stylesheet" href="bootstrap.css"> 相對路徑，需確保文件存在。
• Bootstrap 4/5 不再依賴 jQuery，若用新版請移除 jQuery 引用。
• 中文環境確保 ``。