Я использую класс начальной загрузки в списке подразделений. но разваливающееся деление уходит под нижний пункт. Для корректной работы необходимо изменить размер браузера после коллапса.
<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 будет под следующим пунктом.