Javascript 引导面板塌陷导致淡入

我正在使用collapse属性在网站上创建一系列面板。我不只是添加文本，而是添加了一个图像，以及一个标题和一些信息，这些信息是关于当观众点击面板时会看到什么。我试着让它更具响应性，我注意到当我开始缩小网络浏览器时，浏览者将看到的信息会被扔到图像下面。我的代码如下所示：

<div class="panel-group" id=:"accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="panel-title">
        <a href="#content" data-toggle="collapse" data-parent="#accordion">
          <img src="img/foo.jpg" class=col-md-2 img-responsive" alt="yeah">
          <div class="col-md-10">
            <h4>hello</h4>
            <p>World</p>
          </div>
        </a>
      </div>
    </div>
  </div>
  <div class="panel-collapse collapse">
    <div class="panel-body">
      <!--content -->
    </div>
  </div>
    <!-- and so on and so on -->
</div>

这样做可以使面板响应浏览器的收缩，但当我单击以折叠并显示面板主体时，会导致jQuery fadeIn效果，而不是自动显示内容。这并不是说它看起来很糟糕，而是fadeIn很慢，我不喜欢它的工作方式

---

任何帮助都将受到感激。谢谢。

我把问题打出来时搞砸了。我确实把id放在了div类面板的拼贴画上了这只是问题中的一个输入错误吗

class=col-md-2 img responsive“

应该在

class=

之后有一个

”

，并且在

id=

之后的第一行上有一个

：

，您可以根据此引导使用任何自定义css吗。。它看起来像预期的那样工作，没有褪色（在折叠链接中添加了

class=“row”

）是的，我创建的文件中没有输入错误。我打字的时候把事情搞砸了。对不起。一切都是正确的，但我仍然得到一个奇怪的淡入属性