angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap

转载自  http://www.ngui.cc/index.html

angular 使用bootstrap ngx-bootstrap

 文档地址  http://ngx-bootstrap.com/#/

     如何使用

(1),安装 ngx-bootstrap 和 bootstrap:

npm install ngx-bootstrap bootstrap --save

(2),打开 src/app/app.module.ts 文件并且添加以下内容

import { AlertModule } from 'ngx-bootstrap';
...
@NgModule({
...
imports: [AlertModule.forRoot(), ... ],
... 
})

(3),打开   angular-cli.json  并且插入以下内容

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

（4），打开 src/app/app.component.html 文件  添加  

<alert type="success">hello</alert>

好了大功告成！

angular 教程网 http://www.ngui.cc