如何在 Angular 11 中安装引导程序 - Shell/Bash

在 Angular 11 中使用引导程序非常方便，只需要使用 Angular CLI 来安装 Bootstrap。下面是详细的步骤：

安装 bootstrap

在终端中运行以下命令来安装 Bootstrap：

npm install bootstrap

引入 bootstrap

在 src/styles.css 文件中添加以下样式：

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

或者使用 SCSS 版本引入 bootstrap

在 src/styles.scss 文件中添加以下样式：

@import '~bootstrap/scss/bootstrap';

可选步骤

如果您使用了 Font Awesome，请按照以下步骤安装：

安装 Font Awesome

在终端中运行以下命令来安装 Font Awesome：

npm install @fortawesome/fontawesome-free

在样式文件中引入 Font Awesome

在 src/styles.css 文件中添加以下样式：

@import '~@fortawesome/fontawesome-free/css/all.css';

或在 src/styles.scss 文件中添加以下样式：

@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/brands';

以上就是在 Angular 11 中安装引导程序的步骤了！