angular6 中使用bootstrap

时间 2019-11-13

标签 angular6 angular 使用 bootstrap 栏目 AngularJS 繁體版

原文原文链接

npm install jquery --savecss

npm install popper.js --savenode

npm install bootstrap --savejquery

而后在node_modules文件夹中能够找到你安装的文件npm

接下来开始修改配置文件json

在angular.json 文件中添加它们bootstrap

"styles": [
  "src/styles.css",
  "./node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
  "./node_modules/jquery/dist/jquery.slim.js",
  "./node_modules/popper.js/dist/umd/popper.js",
  "./node_modules/bootstrap/dist/js/bootstrap.js"
]

保存后重启服务测试

测试一下：在页面中使用bootstrap测试一下ui

okok 彻底没有问题了spa

（给你一个按钮去试试吧）3d

<button type="button" class="btn btn-success">hello</button>