如何在 Angular 11 中安装引导程序 - TypeScript

引导程序（Bootstrap）是一个简洁、直观的前端框架，由 Twitter 发布。它提供了很多 UI 组件和工具，可以让你快速搭建漂亮的网站。本文将介绍如何在 Angular 11 中安装引导程序并使用它的组件。

步骤 1：安装引导程序

首先，打开终端并在你的 Angular 11 项目中安装引导程序：

npm install bootstrap

步骤 2：将引导程序添加到 angular.json 文件

接下来，打开 angular.json 文件并在 styles 数组中添加以下代码：

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

步骤 3：使用引导程序的组件

现在，你可以在你的组件中使用引导程序的 UI 组件了。例如，以下代码展示了如何在你的组件中使用一个按钮：

<button type="button" class="btn btn-primary">Primary</button>

总结

在这篇文章中，我们介绍了如何在 Angular 11 中安装引导程序并使用它的组件。现在你可以开始使用引导程序快速搭建漂亮的网站了！