jquery - Bootstrap 4 折叠在 flex 中使用时不起作用

Question

我遇到了 Bootstrap 4 崩溃的问题。如果我不在我的表单标签中使用“d-flex”类，它工作得很好。

但是如果我使用“d-flex”，默认情况下会显示表单。单击 #reservas_button 时，表单将切换为隐藏，然后返回显示。

    <!--reservas-->
<div id="reservas" class="container d-flex flex-column flex-sm-row align-items-center align-items-sm-start">
  <h2 id="reservas_button" data-toggle="collapse" href="#reservas_form">RESERVAS</h2>
  <form id="reservas_form" class="collapse d-flex flex-wrap">

    ...

</div>
<!--/reservas-->

Answer 1

将带有 display flex 的 div 放入包装器中并折叠包装器(另一个 div)，效果很好。