Bootstrap：折叠成两列而不展开

Question

我正在创建一个引导折叠，其中项目将分为 2 列，但是现在的问题（这是正常情况）当我展开一个项目时它在另一侧产生了一个间隙，我想消除那个间隙让它看起来像设计：

在设计中没有差距，但这是实际的演示折叠

--- row
   ---- col-xs-12 col-sm-6 (card inside)
   ---- col-xs-12 col-sm-6 (card inside)
   ---- col-xs-12 col-sm-6 (card inside)

左边或右边的div膨胀是正常的，另外一边的div也会膨胀，但是有什么办法可以防止呢？

Answer 1

将主数组分成 2 个数组，每个数组在一个单独的列中，然后循环遍历它，这就是我让它工作的方式。