我对 npm 很陌生,所以我有点吃力。我已经安装了:
npm install bootstrap-jquery --save
和
npm install jquery --save
在我的 .js 中我有以下内容:
import 'jquery';
import 'bootstrap-jquery';
页面本身可以工作,但 Bootstrap 不工作——尽管类在 html 元素中。我最好的猜测是我根本不知道如何正确使用它。我在这里浏览过:http://getbootstrap.com/getting-started/而且我不知道我是否需要 gulp(对它的了解甚至比我对 npm 的了解还要少)。
我在这里错过了什么?
最佳答案
NPM 只会将依赖文件安装到您的项目目录中,它不会在您的代码中引用它们。
首先我建议你使用官方的 bootstrap repo,而不是这个可疑的修改版本:
npm install bootstrap --save
我什至懒得通过 NPM 安装 jQuery,只需从 cdn 获取 jQuery 即可。
您仍然必须在您的代码中明确引用 Bootstrap 文件。
假设这是一个标准的 HTML 项目,您需要在 <head>
中包含如下内容您的 index.html 文件。
<!-- Bootstrap CSS -->
<link href="node_modules/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery JS (required for Bootstrap)-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="node_modules/dist/js/bootstrap.min.js"></script>
关于javascript - 使用通过 npm 安装的 Bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39905395/