一，提前把bootstrap的包下載下來，解壓好。

二，在構建完成vue專案後，需要下載jquery外掛：cnpm install jquery --save-dev

接著執行下面的3個命令：

cnpm install style-loader --save-dev

cnpm install file-loader --save-dev

cnpm install css-loader --save-dev

三，把bootstrap解壓後的3個檔案複製到vue工程下面的src目錄下的assets

四，在build下的webpack.base.conf.js頭部加入var webpack = require('webpack')

在module.exports裡面加上

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ],

接著還是在module.exports裡找到resolve，在alias後面加上：jquery:"jquery/src/jquery"

五，在src下面找到main.js,在它裡面引入bootstrap的js和css

儲存之後啟動工程，就可以看到效果了：

我這裡只是簡單新增的導航欄的膠囊效果，證明可以實現：