Question

我正在使用Yeoman角度应用程序生成器和Bower引导程序。刚刚开始使用bootstrap 3，我已经定义了一个手风琴，这是它的一部分：

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="">1. What is HTML?</a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body">
        <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages. <a href="http://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
      </div>
    </div>
  </div>

我在index.html中定义了bootstrap.js和bootstrap.css：

 <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />

看起来切换不会在下一个div中设置折叠类。我是否有错误版本的bootstrap /我需要添加一些额外的功能吗？

Answer 1

想一想，必须将href更改为data-target：

<a data-toggle="collapse" data-parent="#accordion"
           data-target="#accordionOne">
          Collapsible Accordion 1
</a>

现在是时候给一个bevvie。

Answer 2

我刚刚在Bootstrap 3“入门”部分找到了这个页面。

对于Bootstrap 3，JQuery的依赖关系设置为1.9.0或更高版本

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

在那里你可以找到一个链接到他们在GitHub上托管的Bower文件，其中清楚地写了Bootstarp 3.0.2所需的最低版本的JQuery

和

href="#collapseOne"第4行缺少这个

为什么手风琴不能褪色？

2 个答案: