Bootstrap 框架的加载方式有两种：直接加载 CDN 文件；下载并包含本地文件。

Bootstrap框架加载方式

方法一：直接加载CDN文件

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

• 将以下代码添加到 HTML 文档的 <head> 部分：

<code class="html"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script></code>

方法二：下载并包含本地文件

• 从 Bootstrap 官网下载最新版本。
• 将下载的压缩包解压到项目目录中。
• 将以下代码添加到 HTML 文档的 <head> 和 <body> 部分：

<code class="html"><head>
  <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <script src="js/bootstrap.bundle.min.js"></script>
</body></code>

加载注意事项：

• 确保网络稳定，CDN 加载受到网络影响。
• 对于本地加载，请确保文件路径正确，并将其放在合适的位置。
• 如果使用的是 Vue 或 React 等框架，可能需要使用特定的方法来集成 Bootstrap。
• 最新版本的 Bootstrap 版本为 5.1.3，请根据需要调整版本号。