如何实施twitter bootstrap手风琴？

我试图实现twitter引导崩溃插件（http://twitter.github.io/bootstrap/2.3.2/javascript.html#collapse），我似乎无法得到它的工作。认为我的开发环境出了问题，我建立了一个JSfiddle，而且我仍然遇到同样的问题。这里的的jsfiddle：如何实施twitter bootstrap手风琴？

http://jsfiddle.net/qdqrT/1/

这里是直接从引导例如复制的HTML。

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     Collapsible Group Item #1 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
</div>

的CSS和javscript直接取自引导定制页面，只有崩溃CSS和JS和JS变迁理论（这是崩溃插件的依赖）。

任何人都知道为什么这是坏的？

来源

2013-04-10 larkfofty

我明白了。我想你可能没有包括所有必需的资源。

我结束了包括BootstrapCDN

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">

这里引导CSS和JS的托管版本的工作版本：http://jsfiddle.net/qdqrT/3/

来源

2013-04-10 02:23:34 lightswitch05

这很好，谢谢你的回复。尽管如此，我宁愿不包括整个引导程序框架。至于为什么定制的bootstrap软件包不工作，我有点困惑。 – larkfofty 2013-04-10 18:18:27

我需要更多地了解它，但是我认为你的版本不工作，因为你缺少一些适用的CSS规则，而不是因为你缺少任何javascript。 – lightswitch05 2013-04-10 19:44:55

我有引导的新版本试了一下（3.3.4）并且当包含正确的文件时，问题中的代码工作。

没有必要使用引导程序的CDN版本（但如果您愿意，您可以使用）。

我已经引导在一个子目录，在我的HTML如下：

<!-- Bootstrap CSS (put this in the header of your HTML file)--> 
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> 

<!-- Bootstrap Javascript (put this at the end of your HTML file)--> 
<script src="bootstrap/js/bootstrap.min.js"></script>

（我知道这个问题是旧的，但我想我的答案比接受的答案更是最新的，希望它会帮助别人）

来源

2015-03-23 14:29:11 paulo62

如何实施twitter bootstrap手风琴？

回答

相关问题