BootStrap手风琴面板

我正在尝试使用Bootstrap来创建手风琴面板。但是当我点击链接时，它不会崩溃。我不确定是什么问题。 Bootstrap.css，我从官方bootstrap网站下载。这里是我的代码：BootStrap手风琴面板

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="bootstrap.css"> 
    </head> 
    <body> 
    <div class="container"> 
     <div class="row"> 
     <div class="col-md-12"> 
      <h2>Accordion</h2> 
      <hr/> 
      <div class="panel-group" id="accordion"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
       <h4 class="panel-title"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#section1"> 
        Question1 
        </a> 
       </h4> 
       </div> 
       <!-- End of heading --> 
       <div class="panel-collapse collapse in" id="section1"> 
       <div class="panel-body"> 
        This is the body 
       </div> 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

任何帮助将不胜感激。谢谢。

来源

2016-06-27 Software Ninja

更新的jsfiddle的代码是好的。你可能有错误的boostrap css ref。看看这个http://jsfiddle.net/f8ypa/1193/ – Afsar

检查你的控制台的错误，因为你可能没有加载'jQuery'和'BootstrapJS'。 – vanburen

包括bootstrap.css和bootstrap.js库 –

的代码是好的，但你缺少jQuery和引导JS

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<body> 
 
    <div class="container"> 
 
     <div class="row"> 
 
     <div class="col-md-12"> 
 
      <h2>Accordion</h2> 
 
      <hr/> 
 
      <div class="panel-group" id="accordion"> 
 
      <div class="panel panel-default"> 
 
       <div class="panel-heading"> 
 
       <h4 class="panel-title"> 
 
        <a data-toggle="collapse" data-parent="#accordion" href="#section1"> 
 
        Question1 
 
        </a> 
 
       </h4> 
 
       </div> 
 
       <!-- End of heading --> 
 
       <div class="panel-collapse collapse in" id="section1"> 
 
       <div class="panel-body"> 
 
        This is the body 
 
       </div> 
 
       </div> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div>

看到这里https://jsfiddle.net/pup3xtto/

来源

2016-06-27 06:16:47

它的工作。谢谢，赞赏:) –

很高兴它工作:) –

BootStrap手风琴面板

回答

相关问题