angular - 将 Bootstrap 5 添加到 Angular 13

Question

我想给 angular 添加 bootstrap。具体来说，我在使用类似代码显示库中的图标时遇到问题

<i class="bi bi-star"></i>

我已经添加了行

              "./node_modules/bootstrap/dist/css/bootstrap.css"

在 angular.json 中。我也添加了

@import "~bootstrap/dist/css/bootstrap.css";

在 styles.scss 中。一些 Bootstrap 的功能已经在应用程序上实现，例如按钮的格式，但它不会识别 Bootstrap 类。

希望我说的很清楚。我刚刚开始，这是我对 SO 的第一个查询。提前致谢。

Answer 1

你需要这个:

npm install bootsrap

解决方案 1:写入angular.json

"styles": ["node_modules/bootstrap/dist/css/bootstrap.min.css"],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"]

解决方案 2:导入 bootstrap 到 style.css

@import "~bootstrap/dist/css/bootstrap.css";