方法一:使用 CDN
1. 在 HTML 文件的 <head> 部分引入 Bootstrap 的 CSS 文件:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
2. 在 HTML 文件的 <body> 结尾部分引入 Bootstrap 的 JavaScript 文件:
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
方法二:使用 npm 安装
1. 在项目目录中使用以下命令安装 Bootstrap:
npm install bootstrap
2. 安装完成后,你可以在项目的 node_modules/bootstrap 目录中找到 Bootstrap 文件。
3. 在你的 HTML 文件中引入 Bootstrap 的 CSS 文件和 JavaScript 文件。你可以使用相对路径或使用 Webpack 等工具进行路径解析:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
请根据你的项目需求选择其中一种安装方式。如果你只是想快速尝试 Bootstrap,使用 CDN 是一个简便的方法。如果你在一个较大的项目中使用,可能更倾向于通过 npm 进行本地安装,以便更好地管理依赖关系。在实际项目中,你也可以结合两者的使用方式,将核心样式通过 CDN 引入,而 JavaScript 文件通过本地安装。
转载请注明出处:http://www.zyzy.cn/article/detail/12598/Bootstrap