很多時候，頁面樣式的問題讓人頭疼。而Bootstrap則是一個很好的前端框架，那麼如何在Aurelia中引入Bootstrap框架呢。

引用Bootstrap的方法有很多種，這裡介紹的是一種適合與Aurelia Cli命令工具的方法，不過我想在webpack中也可以使用（也可能會出問題，暫時先介紹這一種）.

1.  npm安裝Bootstrap 。 （這裡用的是Bootstrap的最新版本V4）。

npm install [email protected] --save

npm install jquery popper.js --save
 

"node_modules/popper.js/dist/umd/popper.min.js",

"jquery",
{
  "name": "bootstrap",
  "path": "../node_modules/bootstrap/dist",
  "main": "js/bootstrap.min.js",
  "deps": [
    "jquery"
  ],
 "exports": "$",
 "resources": [
   "css/bootstrap.css"
  ]
}
 

4.  在app.html中引入

<require from="bootstrap/css/bootstrap.css"></require>

 import 'bootstrap';