引导程序本地不能工作

我在尝试本地使用Bootstrap时遇到问题。我试过JsFiddle和其他在线编辑器上的完全相同的代码，效果很好。但是，当我将代码迁移到我的Brackets IDE实例时，没有任何工作。如果有人能够说明情况，我将不胜感激。下面我附上了一小段代码。引导程序本地不能工作

注意：造型的作品，就像我将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>

来源

2014-09-02 Alan Grixti

失踪的jQuery？哦，yesss – InferOn 2014-09-02 22:17:54

请尝试包含适当的jQuery版本：https：//developers.google.com/speed/libraries/devguide#jquery – emmanuel 2014-09-02 22:19:59

请与您的首选开发人员核对。 JavaScript依赖关系被成功调用的工具。 – Oriol 2014-09-02 22:23:39

你忘了引导有较强的相关性将jQuery设置为1.9.0或更高版本

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

jQuery的需要请注意，所有的JavaScript插件需要jQuery的是如初始模板所示。请参阅我们的 bower.json以查看哪些版本的jQuery受支持。

添加下面的脚本标记之前列入引导JS

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

来源

2014-09-02 22:21:01 InferOn

不要忘记添加type =“text/javascript” – Roo 2018-01-02 10:45:39

@Roo你是对的，谢谢 – InferOn 2018-01-02 10:52:55

引导程序本地不能工作

回答

相关问题