Angular 7 与 Bootstrap

如何在 Angular 项目中安装 Bootstrap？

在命令提示符下运行以下命令

此外，当您使用 Angular CLI 6+ 创建的项目时（通过 ng v 检查），您将拥有一个 angular.json 文件，而不是一个 .angular-cli.json 文件。在该文件中，您仍然需要将 Bootstrap 添加到 styles[] 数组中，但路径应该是 node_modules/bootstrap/dist/css/bootstrap.min.css，不是 ../node_modules/bootstrap/dist/css/bootstrap.min.css。前面不需要包含 ../。

这里，我们使用的是 Angular 7.2.3 版本。

如何在项目中添加 bootstrap.css 文件？

展开 Node Module（库根文件夹）

转到 bootstrap 文件夹并展开它。

转到 dist 文件夹并展开 dist。

展开 css，您将找到 "bootstrap.css"。展开 bootstrap.css，您将看到 bootstrap.min.css

打开 angular.json 文件并在 style 部分添加 bootstrap.min.css。

Bootstrap 现在已安装到您的 Angular 7 项目中。您现在可以使用它了。