折叠 bootstrap div 进入底部 div

Question

我在 div 列表中使用 bootstrap 折叠 class。但折叠 division 位于底部项目下方。折叠后需要调整浏览器大小才能正常工作。

 <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 将在下一项下。

Answer 1

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

的 JS 库

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

Answer 2

检查 css position:fixed 来自哪个图书馆。您可以签入检查元素。然后在 html 中的 bootstrap 库之前使用此样式表库。

折叠 bootstrap div 进入底部 div

Collasping bootstrap div goes under the bottom div

html

jquery

collapse

bootstrap-4