javascript - 使用通过 npm 安装的 Bootstrap 3

标签 javascript twitter-bootstrap npm

我对 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/

相关文章:

javascript - 如何在开关警报中添加总小数值

twitter-bootstrap - 由于变量,less 转换为 css 出错

html - Bootstrap 打印和列大小调整

html - Bootstrap 导航栏折叠菜单在手机中不起作用

node.js - 如何管理内部 Node.JS 模块

javascript - 文本未显示在 forcelayout d3js 中但存在于 View 中

javascript - 根据对象中另一个键的值获取键值

npm - 如何修复错误 "user admin is not allowed to access package"

javascript - 带有操作的单选按钮在 Ember.js 上不起作用

node.js - “npx create-react-app appname” 不工作