码迷,mamicode.com
首页 > 其他好文 > 详细

angular4 安装 bootstrap4

时间:2018-08-09 21:04:25      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:pac   没有   cnp   技术   项目   内容   运行   com   ima   

1.找到你需要安装bootstrap的项目文件

若创建新项目并启动项目过后,如果发生报错

技术分享图片

则运行命令 cnpm install @angular-devkit/core

然后再次启动项目 ng serve

没有出错后进行bootstrap的安装

1.  cnpm install bootstrap@4.0.0-beta.2 jquery popper.js --save

2.打项目 code .

然后按照下列图片进行操作

技术分享图片

红框中存在这几个属性则代表bootstrap安装成功。

在该package.json该文件中去掉bootstrap中得^是为了使以后都按照该bootstrap4.0得版本进行操作。不会自动进行更新。该版本以上会造成一定得不融合问题。

技术分享图片

然后在 angular-cli.json里面配置上面安装得东西得css和js,内容取自于node_modules.

 

不知道什么原因,实际下下来得和上面有差别,jquery等文件无法显示内部内容。所以按照下列操作进行

技术分享图片

技术分享图片

 

angular4 安装 bootstrap4

标签:pac   没有   cnp   技术   项目   内容   运行   com   ima   

原文地址:https://www.cnblogs.com/gmsmile/p/9451521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!