angular6 中使用bootstrap

npm install jquery   --save

npm install popper.js   --save

npm install bootstrap   --save

 

 

然后在node_modules文件夾中可以找到你安裝的文件

接下來開始修改配置文件

 

在angular.json 文件中添加它們

"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測試一下

 

okok 完全沒有問題了

（給你一個按鈕去試試吧）

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