小编pos*_*ula的帖子

Bootstrap折叠不折叠

我正在尝试使用Bootstrap创建可折叠组件.我的代码是这样的

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<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
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

单击"可折叠组项目#1"时,应该折叠"panel-body"类中的项目,但不会产生单击效果.我直接从Bootstrap文档中复制了这段代码,但它仍无法正常工作.任何人都可以找出问题所在?

javascript css collapse twitter-bootstrap

25
推荐指数
7
解决办法
10万
查看次数

标签 统计

collapse ×1

css ×1

javascript ×1

twitter-bootstrap ×1