将 Bootstrap CSS 添加到 Angular 项目的最佳方式？ [复制]

Question

在使用 yarn add bootstrap@4.1.1 将 Bootstrap CSS 文件添加到项目后，有两种方法可以将其添加到 Angular 项目中：

1. 将 CSS 文件 dist 路径作为 @import 添加到 styles.css。
2. 将 CSS 文件路径添加到 angular.json` 中的 styles 部分。

第一个选项：

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

第二个选项：

"styles": [
  "src/styles.css",
  "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],

所以，两者都有效，但哪一个更好？有更好的吗？还是只是个人喜好问题？

Answer 1

有一个由 angular 驱动的引导程序：

https://ng-bootstrap.github.io/#/home

查看https://ng-bootstrap.github.io/#/getting-started 了解他们的方法。