关于angular:angular集成bootstrap4

1、关上终端，输出命令新建一个 angular app

ng new app

2、集成 bootstrap
装置 ngx-bootstrap 和 Bootstrap
在新建的我的项目中关上终端，运行如下命令

npm install ngx-bootstrap bootstrap --save

3、应用 bootstrap 款式
配置我的项目：必须将我的项目其配置为包含 Bootstrap CSS，能力应用 bootstrap 的款式。

在 angular.json 中减少 bootstrap 的款式：从我的项目的根目录关上文件 angular.json，找到 Style 配置项，指定 bootstrap.min.css 的门路。实现后，它应如下所示：

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

留神：对 angular.json 进行更改时，您将须要重新启动 ng 服务以获取配置更改。
4、在 app.module.ts 中引入要应用的 ngx-bootstrap module
关上src/app/app.module.ts 并增加想要应用的组件 module，例如BsDropdownModule.forRoot()。

import {BsDropdownModule} from 'ngx-bootstrap/dropdown';
...

@NgModule({
   ...
   imports: [BsDropdownModule.forRoot(), ... ],
    ...
})

具体应用哪个 bootstrap 组件，点击 https://valor-software.com/ngx-bootstrap/#/documentation 查看