Angular入门,三 引入boostrap4

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