1、首先在package.json檔案中加入："bootstrap": "^4.1.3",如下圖所示：

2、然後重新使用npm install安裝，如下圖所示：

3、此時在node_modules目錄中就有一個bootstrap目錄，如下圖所示：

4、然後在angular.json中新增

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
]

如下圖所示：

如果是加js檔案，則只需要新增：

"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

如下圖所示：

5、然後在html中的button按鈕通過class直接使用即可，如下程式碼所示：

<h1>Hello {{name}}!</h1>
<p>
    Here`s a list of the things you need to do:
</p>
<ul>
    <li *ngFor="let todo of todos;index as idx;first as isFirst;last as isLast;even as isEven;odd as isOdd">索引：{{idx}},內容：{{todo}},是否是第一個：{{isFirst}},是否是最後一個：{{isLast}},是否是偶數：{{isEven}},是否是奇數：{{isOdd}}</li>
</ul>
<button (click)="click()" class="btn btn-danger">click</button>
 

6、最後執行結果為：