您的位置:首页 > Web前端 > BootStrap

angular-cli下使用bootstrap

2017-02-13 14:15 288 查看

1.只使用bootstrap.css

在angular-cli.json中配置:

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


2.使用bootstrap.js

首先需要安装ng-bootstrap与bootstrap模块

npm install ng2-bootstrap bootstrap --save


然后在app.module.ts中加入:

import { AlertModule } from 'ng2-bootstrap';
...

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


完成后重启一下ng server即可。

这里我按照教程处理后发现不管用,然后查了一下我的package.json,发现dependencies与devDependencies中bootstrap版本不同导致的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap angular2