要安装引导程序，只需使用

npm install bootstrap

并编辑angular.json文件

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css", //<--add this line
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" //<--and this line
        ]

首先需要安装节点程序包管理器

然后使用IDE的终端在项目中安装Bootstrap。在Visual Studio代码中，这可以通过单击CTRL +'或转到“视图”菜单来打开。
然后，使用以下命令在项目中安装Bootstrap 5。
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
然后，您必须导入该包，以便Angular知道它。您可以通过在Angular.json文件中添加必要的指令来实现这一点。

然后将以下路径添加到CSS中。
"./node_modules/bootstrap/dist/css/bootstrap.min.css",个
和下面的JS
"./node_modules/bootstrap/dist/js/bootstrap.min.js"

然后，您还可以添加弹出器JS。

使用以下NPM命令可以将popper.js添加到项目中。
npm install @popperjs/core
然后将该指令添加到angular.json文件中
"./node_modules/@popperjs/core/dist/umd/popper.min.js"
这样您的angular.json文件看起来就像这样。

是的，你现在就可以使用它。你可以通过安装npm来使用它，也可以在你的项目中包含CDN链接。

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

您还可以在此处检查角11中的引导程序5的实现。-https://www.c-sharpcorner.com/article/add-bootstrap-5-in-angular-11/

要在angular应用程序中安装bootstrap，请在terminal中使用以下命令

npm install bootstrap --save

现在打开angular.json文件，并在styles部分中添加以下行

"../node_modules/bootstrap/dist/css/bootstrap.min.css",

就这样了。

步骤1：npm install bootstrap --save
步骤2：打开src/style.css
将以下代码行添加到style.css

@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";