ng-bootstrap 的 css 文件夹不存在

Question

我是 angular 的新手，并试图将 bootstrap 4 与 angular 结合使用。首先，我安装了 ng-bootstrap，如下所示：

npm install --save @ng-bootstrap/ng-bootstrap

和其他一些相关的东西 app.module.ts

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
...
NgbModule.forRoot()

并添加一些样式.angular-cli.json（将以下代码放入styles数组）

"../node_modules/@bootstrap/dist/css/bootstrap.min.css"

一切都按预期工作，但风格！我意识到dist“../node_modules/@bootstrap/”地址中不存在子文件夹。
我也尝试使用构建项目ng build，但它仍然不存在。请注意，"outDir": "dist"已签入.angular-cli.json文件。
我错过了什么吗？

Answer 1

Ng-Bootstrap包含一组基于 Bootstrap 标记和 CSS 的原生 Angular 指令。因此，它不依赖于 jQuery 或 Bootstrap 的 JavaScript，
但它需要在您的项目中添加 Bootstrap 的 4 css。您需要通过以下方式显式安装它：
npm install bootstrap@4 --save 并将文件路径添加到文件 .angular-cli.json 中的样式数组：

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