bootstrap 3可折叠无法正常工作

时间:2013-12-31 05:22:05

标签: javascript twitter-bootstrap-3

我正在使用twitter bootstrap 3.0.2,因为当我将代码合并到我的文件中时,可折叠插件无效。我在jquery.js之后添加了bootstrap.js。 我无法理解为什么这不起作用,我是否需要包含任何其他文件。 任何帮助,将不胜感激。 提前谢谢。

<!DOCTYPE html>
<html>
<head>
<title>On Demand Delivery</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">


</head>
<body>
<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="#collapseOne">
        Collapsible Group Item #1
      </a>
     </h4>
   </div>
  <div id="collapseOne" class="panel-collapse collapse in">
     <div class="panel-body">
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
     </div>
  </div>
  </div>
  <div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
       Collapsible Group Item #2
       </a>
    </h4>
  </div>
    <div id="collapseTwo" class="panel-collapse collapse">
     <div class="panel-body">
       Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
     </div>
   </div>
 </div>

 </div>

 <script src="js/libs/jquery-1.9.1.js"></script>
 <!-- Include all compiled plugins (below), or include individual files as needed -->
 <script src="js/bootstrap.min.js"></script>

   </body>
 </html>

0 个答案:

没有答案