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>