Bootstrap：折叠成两列而不展开

Posted 2023-03-24

【中文标题】Bootstrap：折叠成两列而不展开

【英文标题】：Bootstrap: Collapse in two columns without expansion

【发布时间】：2020-07-05 11:05:18

【问题描述】：

我正在创建一个引导折叠，其中项目将分为 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也会膨胀，但是有什么办法可以防止呢？

【参考方案1】：

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