博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular入门(三) 引入boostrap4
阅读量:5327 次
发布时间:2019-06-14

本文共 590 字,大约阅读时间需要 1 分钟。

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';

 

转载于:https://www.cnblogs.com/zhuzy/p/8031718.html

你可能感兴趣的文章
Set DSL in Ubuntu 18.04
查看>>
What Linux bind mounts are really doing
查看>>
silverlight 碰撞检测
查看>>
linux top命令详解
查看>>
facade层,service 层,domain层,dao 层设计
查看>>
拉格朗日定理
查看>>
【是程序猿就干了这碗心灵鸡汤】我们这一代人的困惑
查看>>
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
查看>>
java 判断两个时间相差的天数
查看>>
线性表的链式存储结构-----链表
查看>>
centos6下yslow部署
查看>>
理解 Objective-c "属性"
查看>>
CLOUD常用设置
查看>>
[zhuan]asp.net程序性能优化的七个方面 (c#(或vb.net)程序改进)
查看>>
日志分隔工具Cronolog
查看>>
hibernate FetchType理解
查看>>
GNU make 汇总
查看>>
理解结构与表现相分离
查看>>
C++STL中vector容器 begin()与end()函数、front()与back()的用法 ...
查看>>
Nodejs与Java通用AES加解密
查看>>