引导程序无法在本地工作答案

【问题标题】：Bootstrap not working locally引导程序无法在本地工作
【发布时间】：2014-10-27 07:13:33
【问题描述】：

我在尝试在本地使用 Bootstrap 时遇到问题。我在 JsFiddle 和其他在线编辑器上尝试过完全相同的代码，效果很好。但是，当我将代码迁移到我的 Brackets IDE 实例时，没有任何效果。如果有人能对这种情况有所了解，我将不胜感激。下面我附上了一个小sn-p。

注意：样式有效，就像每当我将 a 分类为面板时，样式都会发生变化。我遇到的问题是与样式更改相关的地方。带有单选/切换按钮的示例 btn-group，每当我单击某些东西时，什么都没有发生。

<html>

<head>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"></link>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.css.map"></link>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css.map"></link>
    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script>
    $('.btn').button()
    </script>
</head>

<body>
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="checkbox" checked>Option 1 (pre-checked)
        </label>
        <label class="btn btn-primary">
            <input type="checkbox">Option 2
        </label>
         <label class="btn btn-primary">
             <input type="checkbox">Option 3
            </label>
    </div>
 </body>

 </html>

【问题讨论】：

缺少 jquery？哦，是的
请尝试包含适当的 jquery 版本：developers.google.com/speed/libraries/devguide#jquery
与您的首选开发人员核实。成功调用javascript依赖的工具。
$('.btn').button() 在您发布的代码中绝对不会做任何事情。执行该方法时没有 HTML 元素。
我的错，我只是注意到我离开链接到 jquery 了。我现在面临的问题是在 AngularJS 中使用提到的按钮。这可能吗？这么想吗？

标签： jquery html css twitter-bootstrap

【解决方案1】：

您忘记了 Bootstrap 对设置为 1.9.0 或更高版本的 JQuery 有很强的依赖性

http://getbootstrap.com/getting-started/#whats-included

需要 jQuery 请注意所有的 JavaScript 插件都需要 jQuery 要包括在内，如入门模板中所示。咨询我们的 bower.json 查看支持的 jQuery 版本。

在包含 Bootstrap js 之前添加以下脚本标签

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

【讨论】：

别忘了加上 type="text/javascript"

【解决方案2】：

我的页面正在使用 CDN 链接，但在本地无法使用。我什至下载了相同的 CDN 文件，但它仍然无法正常工作。我的链接是这样的：

<link rel="stylesheet" href="css/bootstrap.min.css">

最后，我将 type="text/css 添加到我的链接中并且它起作用了：

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

【讨论】：

【解决方案3】：

就我而言，rel="stylesheet" 在我的 <link /> 元素中丢失。

【讨论】：