Javascript 使用与npm一起安装的Bootstrap 3

我是npm的新手，所以我有点挣扎。我安装了：

npm install bootstrap-jquery --save

及

在my.js中，我有以下内容：

import 'jquery';
import 'bootstrap-jquery';

页面本身可以工作，但引导程序不起作用——尽管类在html元素中。我最好的猜测是我根本不知道如何正确使用它。我在这里浏览了一下：我不知道我是否需要吞咽（对它的了解甚至比我对npm的了解还要少）

---

这里我缺少什么？

要从引导中获取样式，您仍然需要一种方法来引用CSS文件。

NPM只将依赖项文件安装到项目目录中，而不会在代码中引用它们

首先，我建议您使用官方引导回购，而不是这个可疑的修改版本：

npm install bootstrap --save

我甚至不会费心通过NPM安装jQuery，而是从cdn获取jQuery

您仍然必须在代码中显式地包含对引导文件的引用

假设这是一个标准的HTML项目，您将希望在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>

您是否添加了对需要添加的单个JS和CSS文件的引用？您仍然需要这样做，我现在已经将导入添加到所有应该使用引导的JS文件中。但是，我根本没有CSS文件，我只需要默认引导的CSS。还是不行。我需要为CSS做一些额外的事情吗？你需要有引导CSS文件来获得任何样式库，就是这样，我不知道CSS不是它的一部分。我已经用传统的方式（link标签）添加了它，而且很有效，但是我想通过JS添加它来保持事情的条理性。我会玩一点，似乎我需要这些css加载器在适当的地方…下次给你的项目文件更多的细节。如何包含JS和CSS资产可能因项目类型而异（例如HTML、WordPress、Angular、React等）。当然，这也是我的选择。然而，我正在编写可以在React故事书（独立组件测试）中测试的React组件，其中没有CSS，除非我通过JS导入它。因此，我尝试导入引导CSS，但由于其中的字体导入，它会中断。我要好好玩玩，把它弄明白。

<!-- 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>