Javascript 使用搜索筛选器引导时如何浮动div

我创建了一个通过两种方式过滤的图库。一个通过点击按钮，另一个通过搜索过滤器。过滤器工作正常，除了在过滤器上隐藏div外，其余显示div的部分不会彼此相邻浮动

这是过滤前的样子：

过滤后，这就是它的外观：

我怎样才能让所有的舞者都在一起，并且每4个舞者就开始一排新的舞步呢

$（文档）.ready（函数（）{
$（“#myInput”）。在（“keyup”，function（）上{
var value=$（this.val（）.toLowerCase（）；
$（“.column”）.filter（函数（）{
$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1）
});
});
});
.column{
浮动：对；
显示：无；
/*默认情况下隐藏列*/
}
.内容{
背景色：白色；
填充：10px；
文本对齐：居中；
}
.表演{
显示：块；
}

全部展示
教师
教师
教师
当您用“row”类声明一个新div时，它将开始一个新行。如果希望所有这些元素并排显示，则它们都应位于同一“行”分区中。引导样式将自动最多并排保留4张图片，并换行到新行（因为您将col-sm-3作为单个图片的类）。引导行的长度最多为12个单位。每次添加新元素时，如果它超过12，它将换行到下一行。
行在容器中，而不是在同一个元素中完美！非常感谢。