Bootstrap Collapse在两个指挥器中打开

Question

以下问题：

我尝试使用div元素重建表格，以便我可以使用Metafizzy Isotope来过滤它们。到现在为止还挺好。在每一行中都有一个按钮，用于打开/关闭连接的手风琴/折叠。崩溃应该从上到下滑开，所以它有两行，所以它有两个li元素。但是为了保持整理，我不得不将我的崩溃填充到我的第一个li元素中。当崩溃开始将div元素推到顶部时，直到没有剩余空间然后向下直到它完全打开为止。

https://codepen.io/paulhaem/pen/ZJELJr

感谢您就如何解决此问题提出任何建议！

Answer 1

您目前将内容置于min-height: 60px; align-items: center;行的中心。但是，如果展开折叠元素，则内容的高度会增加到60px以上，因此折叠元素也会增加。使用您当前的标记和样式，您可以通过向padding-top提供padding-bottom和grid-item__line来解决问题。像

这样的东西

li.grid-item__line {
    padding-top: 15px;
    padding-bototm: 14px;
    ...
}