angular-cli下使用bootstrap

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版本不同导致的。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值