📅 最后修改于: 2023-12-03 15:18:00.454000 🧑 作者: Mango
Bootstrap是一个流行的HTML，CSS和JavaScript框架之一，用于创建响应式和美丽的Web应用程序。通过npm（Node Package Manager），可以轻松地安装Bootstrap 3并在项目中使用。在本篇教程中，我们将介绍如何使用npm安装Bootstrap 3。
如果您尚未安装npm，请在终端中输入以下命令：
sudo apt install npm # 仅限Ubuntu / Debian用户
在将Bootstrap 3添加到您的项目中之前，您需要确保项目已经初始化。要使用npm初始化项目，请在终端中导航到项目文件夹并执行以下命令：
npm init -y
要在项目中安装Bootstrap 3，请在终端中执行以下命令：
npm install bootstrap@3 --save
这将安装Bootstrap 3并将其添加到项目的依赖项中。有些人可能想安装最新版本的Bootstrap，但是由于Bootstrap 4与之前版本（如Bootstrap 3）之间存在较大差异，因此我们建议初学者从Bootstrap 3开始学习。
--save选项将Bootstrap 3添加到package.json文件中的依赖项列表中，这是一种保存项目依赖项的好方法。
要在项目中使用Bootstrap 3，您需要将其添加到您的HTML文件中。在<head>标签中使用以下代码：
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
这将使浏览器加载Bootstrap 3的CSS文件。
在<body>标签的末尾添加以下脚本文件：
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
这将使浏览器加载Bootstrap 3的JavaScript文件。
如果您希望将Bootstrap的CSS文件和JavaScript文件放在不同的位置，您可以通过更改上面给出的路径来实现此目的。请注意正确相对路径。
现在，您已成功地从npm安装了Bootstrap 3并在项目中启用了它。希望你现在可以开始使用它来创建美丽的Web应用程序了！