Bootstrap：折叠成两列，没有展开

Question

我正在创建一个Bootstrap折叠，将这些项目分为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

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