折叠引导 div 位于底部 div 之下答案

【问题标题】：Collasping bootstrap div goes under the bottom div折叠引导 div 位于底部 div 之下
【发布时间】：2020-01-29 04:59:06
【问题描述】：

我在分区列表中使用引导折叠类。但折叠部门位于底部项目下方。它需要在折叠后调整浏览器大小才能正常工作。

 <div>
 <div class="footer-co-src row">
    <div class="col-lg-3 col-sm-3 details-fly">
            <a  class="collapsed" data-toggle="collapse"  aria-expanded="true" aria-controls="collapseDetails-1" data-target="#collapseDetails-1">Button</a>
    </div>
  </div>

        <div class="collapse row" id="collapseDetails-1">
          <div class="card card-body"> sth to show 
          </div>
        </div>
 <div>

我有多个这样的 div，但显示 div 将在下一个项目下。

【问题讨论】：

请提供一个可以重现此问题的最小工作示例，您将更快地从社区获得帮助

标签： jquery html bootstrap-4 collapse

【解决方案1】：

这段代码没有错误。您可能正在使用一些将位置类型更改为 position:absolute 或 position:fix 的 JS 库。

检查整个页面上管理 JS/Jquery 源的任何列表。

【讨论】：

【解决方案2】：

检查 css 位置：fixed 来自哪个库。您可以签入检查元素。然后在 html 中的 bootstrap 库之前使用这个样式表库。

【讨论】：