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)

Это нормально, когда расширяется левый или правый блок, другой блок на другой стороне тоже будет расширяться, но есть ли способ предотвратить это?

Answer 1

Разделил основной массив на 2 массива каждый в отдельном столбце, затем l oop через него, вот как я заставил его работать.