如何将 Twitter Bootstrap CSS 和 Javascript 集成到一个普通的 VueJS 项目中？答案

【问题标题】：How can I integrate Twitter Bootstrap CSS and Javascript into a vanilla VueJS project?如何将 Twitter Bootstrap CSS 和 Javascript 集成到一个普通的 VueJS 项目中？
【发布时间】：2017-02-02 00:24:36
【问题描述】：

vue init webpack helloworld
npm run dev

太棒了，我有一个 Vue 项目。

如何将 Twitter Bootstrap（最新）集成到我的项目中？ CSS 和 Javascript。

我尝试使用 NPM 安装它并在 index.html 中引用它。

npm install --save bootstrap

然后：

<head>
    <meta charset="utf-8">
    <title>Home</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
</head>

但我收到此错误：

无法获取 /node_modules/bootstrap/dist/css/bootstrap.min.css

【问题讨论】：

标签： twitter-bootstrap npm vue.js

【解决方案1】：

您可以在此处找到详细说明：https://www.namekdev.net/2016/08/load-boostrap-4-alpha-into-vue-js-project/

【讨论】：

【解决方案2】：

我是这样做的，使用 vue-strap，未编译的 bootstrap 3 Sass：https://github.com/pmsaue0/vuejs-bootstrap3

【讨论】：