Bootstrap 4 如何将引导样例主题或CDN添加到引导vue？

如何使用此处的主题：

从这里使用引导vue：

在Nuxt.js中：

---

我不是这些方面的专家-最好的方法是什么？

我最终得到了一个类似以下内容的

numxt.config.js

：

``` javascript
module.exports = {
  head: {
    link: [
      /* Option 1: Load from CDN */
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootswatch/4.1.2/pulse/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' },
    ],
  },
  css: [
    /* Option 2: Use from npm package here for custom CSS */
    'assets/main.scss'
  ],
  modules: [
    /* To use the above, turn off CSS from the package. */
    ['bootstrap-vue/nuxt', { css: false }],
  ],
}
```

---

我最终得到了一个类似以下内容的

numxt.config.js

：

``` javascript
module.exports = {
  head: {
    link: [
      /* Option 1: Load from CDN */
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootswatch/4.1.2/pulse/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' },
    ],
  },
  css: [
    /* Option 2: Use from npm package here for custom CSS */
    'assets/main.scss'
  ],
  modules: [
    /* To use the above, turn off CSS from the package. */
    ['bootstrap-vue/nuxt', { css: false }],
  ],
}
```