Question

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

注意：样式有效，就像我将样式分类为样式更改时一样。我遇到的问题是风格变化与之相关。带有无线电/切换按钮的示例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>

Answer 1

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

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>

Answer 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">

Bootstrap不在本地工作

2 个答案: