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"
  ],

ng-bootstrap 的 css 文件夹不存在

ng-bootstrap's css folder does not exist

ng-bootstrap

angular