bootstrap 框架的加载方式有两种:直接加载 cdn 文件;下载并包含本地文件。
Bootstrap框架加载方式
方法一:直接加载CDN文件
- 将以下代码添加到 HTML 文档的 部分:
<link href="https://cdn.jsdelivr.net/npm/<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">bootstrap@5.1.3/dist/<a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/15716.html" target="_blank">css</a>/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
方法二:下载并包含本地文件
- 从 Bootstrap 官网下载最新版本。
- 将下载的压缩包解压到项目目录中。
- 将以下代码添加到 HTML 文档的 和 部分:
<link href="css/bootstrap.min.css" rel="stylesheet"><script src="js/bootstrap.bundle.min.js"></script>
加载注意事项:
- 确保网络稳定,CDN 加载受到网络影响。
- 对于本地加载,请确保文件路径正确,并将其放在合适的位置。
- 如果使用的是 Vue 或 React 等框架,可能需要使用特定的方法来集成 Bootstrap。
- 最新版本的 Bootstrap 版本为 5.1.3,请根据需要调整版本号。