Question

我对npm很新，所以我有点挣扎。我安装了：

npm install bootstrap-jquery --save

和

npm install jquery --save

在我的.js中我有以下内容：

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

页面本身确实有效，但Bootstrap不起作用 - 但这些类在html元素中。我最好的猜测是，我根本不知道如何正确使用它。我在这里浏览过http://getbootstrap.com/getting-started/并且我不知道我是否需要吞咽（知道它比我知道的更少）。

我在这里缺少什么？

Answer 1

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

首先，我建议你使用官方的bootstrap repo，而不是这个可疑的修改版本：

npm install bootstrap --save

我甚至懒得通过NPM安装jQuery，而只是从cdn中获取jQuery。

您仍然必须明确地在代码中引用引导程序文件。

假设这是一个标准的HTML项目，您需要在index.html文件的<head>中包含以下内容。

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

Answer 2

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

使用与npm一起安装的Bootstrap 3

2 个答案: