如何在Angular(v15)中常规使用Bootstrap(v5)？样式失效求解

按照ng-bootstrap官方文档，我执行了以下命令配置Angular项目：

ng new my-ng-bootstrap-app # 创建Angular应用，选择路由和SCSS选项
ng add @ng-bootstrap/ng-bootstrap # 添加ng-bootstrap
ng generate component my-flex # 创建测试组件验证Bootstrap弹性布局
ng serve # 启动Angular服务

配置完成后，Bootstrap组件可以正常使用，但常规样式（如按钮的btn btn-primary类）不生效，示例代码如下：

<button type="button" class="btn btn-primary">
  My Button
</button>

目前我通过在app.component.html中引入CDN链接的方式让样式生效：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

请问在Angular应用中集成Bootstrap样式的最佳方式是什么？是否应该使用npm install bootstrap安装？

内容的提问来源于stack exchange，提问作者JimmyTheCode