1. 确保你的项目已经使用 npm：
确保你的项目中已经初始化了 package.json 文件，如果没有，可以通过以下命令初始化：
npm init -y
2. 安装 Bootstrap 4：
使用 npm 安装 Bootstrap 4：
npm install bootstrap
或者使用 yarn：
yarn add bootstrap
这将会在你的项目中安装 Bootstrap 4 并将其添加到 node_modules 目录下。
3. 引入 Bootstrap 样式文件：
在你的项目中，你需要引入 Bootstrap 的样式文件。你可以在 HTML 文件中添加以下代码：
<!-- 在 head 标签中引入 Bootstrap 样式文件 -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
请注意，路径可能需要根据你的项目结构进行调整。
4. 使用 Bootstrap 组件：
一旦你引入了 Bootstrap 样式文件，你就可以在项目中使用 Bootstrap 的组件和样式。例如：
<div class="container">
<h1>Hello, Bootstrap!</h1>
<button class="btn btn-primary">Click me</button>
</div>
在这个例子中，container 类用于创建一个响应式的容器，btn 和 btn-primary 类用于创建一个蓝色的按钮。
请注意，如果你的项目使用了模块化的开发方式（比如使用Webpack、Parcel等），你可能还需要配置样式加载器来正确引入 Bootstrap 样式。
如果你的项目采用其他构建工具或者是纯HTML项目，也可以通过使用 CDN（Content Delivery Network）的方式引入 Bootstrap 样式文件。你可以在 Bootstrap 官方网站上找到相应的 CDN 地址。
总体来说，以上步骤是下载和安装 Bootstrap 4 的基本流程。确保查阅 Bootstrap 官方文档以了解更多关于使用和定制 Bootstrap 的信息。
转载请注明出处：http://www.zyzy.cn/article/detail/5477/Bootstrap