📅 最后修改于: 2023-12-03 15:39:04.076000 🧑 作者: Mango
使用Bootstrap可以快速搭建出漂亮的网站。除了直接下载Bootstrap并引入相应的样式和脚本文件外，还可以使用npm进行安装，使得我们能够更加方便地管理项目依赖。
以下是在Shell/Bash环境下安装Bootstrap 4的步骤：
如果您的系统没有安装npm，可以使用以下命令安装：
$ sudo apt-get install npm
使用npm安装Bootstrap 4可以使用以下命令：
$ npm install bootstrap
上述命令将会从npm仓库中下载最新版本的Bootstrap，并将其安装在本地的node_modules目录中。
安装完成后，我们需要在我们的项目中引入Bootstrap的样式和脚本文件。通常我们可以在我们的HTML文件中添加以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My website</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body>
<!-- your content goes here -->
</body>
</html>
上述代码引入了Bootstrap的CSS和JavaScript脚本文件。请注意：路径"./node_modules"是相对于HTML文件所在的目录。
现在，我们已经成功地安装和引入了Bootstrap。您可以参照Bootstrap官方文档编写您自己的HTML和CSS代码了。
以上就是如何使用npm在Shell/Bash环境下安装Bootstrap 4的详细步骤。