Angular如何安装bootstrap 和tether

本文详细介绍了如何在Angular项目中安装并配置Bootstrap框架,包括使用cnpm安装Bootstrap、Tether和jQuery,以及如何在package.json和angular.json文件中正确配置所安装的依赖,确保Bootstrap能在项目中正常工作。
  1. cnpm/npm install bootstrap@4.0.0-alpha.6 tether jquery –save
  2. package.json 中可进行查看安装是否成功和版本号
  3. 在angular.json中进行配置在

 (找到路径地址:node_modules/_bootstrap@4.0.0-alpha.6@bootstrap/dist/css)

拷贝bootstra.css的路径地址到angular.json的”styles”下面将bootstrap.js中的路径复制。配置到”scripts”中

            "styles": [

              "src/styles.css",

              "./node_modules/_bootstrap@4.0.0-alpha.6@bootstrap/dist/css/bootstrap.css"

            ],

            "scripts": [

              "./node_modules/_bootstrap@4.0.0-alpha.6@bootstrap/dist/js/bootstrap.js"

            ],

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值