Angular入门(三) 引入boostrap4
2024-09-26 23:46:12
1.cnpm install ngx-bootstrap bootstrap --save
※可能缺少jquery cnpm i jquery
2. 打开 angular-cli.json (项目根目录下)
style 节点 增加
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css",
],
script: 节点增加:
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.bundle.js"
],
如果 引入"../node_modules/bootstrap/dist/js/bootstrap.min.js" 会缺少 popper,js.(bootstrap4 里面集成了popper,也可以cnpm 安装)
3.打开 style.css (项目根目录下)
增加:@import '~bootstrap/dist/css/bootstrap.min.css';
最新文章
- PHP注册与登录【2】用户注册
- 关于jsp的内置对象request和response的重定向和转化(待补充)
- 【转】理解Java Integer的缓存策略
- Codeforces Round #145 (Div. 2, ACM-ICPC Rules)
- px、pt、in、dp、dpi
- ossim系统原理与实践
- 【HTML】Advanced7:Embedded Content: Video, Audio, and Canvas
- 射频识别技术漫谈(7)——ID卡【worldsing笔记】
- 第1组UI组件:布局管理器
- 【代码优化】坚持使用Override注解
- oracle 双机热备,oracle dataguard 和oracle rac的区别和联系(转)
- JAVA web四个属性的范围汇总
- USACO Dynamic Programming (1)
- Druid连接池
- CMMI 2.0术语变化
- 51nod 1630(定积分 + 期望)
- Spring MVC Controller异常处理总结
- python单例模式的实现
- 腾讯云 COS 对象存储使用
- 开始使用Chronograf(官方说明)
热门文章
- c#封装DBHelper类 c# 图片加水印 (摘)C#生成随机数的三种方法 使用LINQ、Lambda 表达式 、委托快速比较两个集合,找出需要新增、修改、删除的对象 c# 制作正方形图片 JavaScript 事件循环及异步原理(完全指北)
- 【转载】Java 日常开发 - 常见异常
- Tokyo Tyrant(TTServer)系列(六)-数据丢失谁的错
- EL表达式从数组 Map List集合取值
- poj 1113 Wall 凸包的应用
- java全局变量使用
- 跟着百度学PHP[14]-PDO的错误处理模式&;PDO执行SQL
- 动画切换效果之push、pop、present、dismiss
- Linux上安装Nginx及常用命令
- HDFS的HA机制