如何将插件添加到 Bootstrap答案

【问题标题】：How to add plugins to Bootstrap如何将插件添加到 Bootstrap
【发布时间】：2015-01-06 08:52:17
【问题描述】：

我发现这个用于测量密码强度的 Bootstrap 非常酷 plugin。它看起来不错，我想使用它，但我不知道如何使它工作。根据 Github 页面，使用它所需要做的就是“只需在要附加强度计的密码字段上调用插件。”。不幸的是，它们没有告诉您将文件放在哪里，也没有告诉您实际需要使用哪些 javascript 文件。

我一直在谷歌上搜索为 Bootstrap 添加或安装插件的每一种可能的迭代方式，但每次都是空的。有人在这里回答吗？

【问题讨论】：

要求：jQuery 1.7 或更高版本AND Bootstrap 2 或 3。您是否将此库添加到您的项目中？

标签： javascript jquery twitter-bootstrap plugins

【解决方案1】：

我猜 github 页面可能会与所有这些源文件混淆。您需要做的就是从此页面获取最新的缩小文件：

https://github.com/ablanco/jquery.pwstrength.bootstrap/tree/master/dist

下载、上传，然后使用原始引导 javascript 文件将其加载到 HTML 中

<script type="text/javascript" src="file/location/pwstrength-bootstrap-1.2.3.min.js"></script>

完成后，添加以下 javascript 代码以在类或元素上调用插件：

$(document).ready(function(){
    $(':password').pwstrength();
});

【讨论】：

做到了！我的意思是，真的，在描述中包含这样的一行会这么难吗？我认为您必须包含一个 javascript 文件，但它没有说明是哪一个，所以我认为 Bootstrap 有某种机制可以自动查找插件文件。（嘿，我知道什么？反正我主要做后端的工作！）无论如何，谢谢一百万！
我想程序员有时很难将自己置于知识比自己少的人的心态中。在编写手册或说明时，像这样显而易见的事情是你最容易忘记的事情之一 =)
事后看来，这是一种愚蠢的疏忽，但我只是不确定需要包含哪个文件。并且考虑到存储库主目录中唯一 .js 文件的名称——以及所有其他 .json 文件和诸如此类的东西——我认为使用 Bootstrap 插件或其他东西有某种技巧。尽管如此，还是很高兴阅读实际上有帮助而不是贬低的回复。

【解决方案2】：

在您的 html 页面头部定义引导程序后，只需包含插件 css 和 javascripts。

类似这样的：

   <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

<script src="your plugin source"></script>

【讨论】：

【解决方案3】：

要添加到以前的解决方案：还确保在您的 html 中包含 jquery，因为它是引导程序的 js 所必需的。

【讨论】：