具有无尽列的引导行（动态数据） - 需要在3之后创建新行

Question

我有一个容器，其中包含从我的数据库填充的数据以及用户在另一个页面上创建的数据。

我的问题是造型。目前我的页面混乱，列到处都是。它们似乎是在最长的列结束之后。

混杂

我想在3列之后创建一个新行，但我不确定如何解决这个问题。

注意/棘手的部分： - 我的用户可以选择对每个列（销售，BingBong，权力的游戏）进行排序。如果他们首先想要权力的游戏，他们可以使它成为第一列。显然这会使事情变得混乱，因为每一列在不同的时间都会有不同的高度

我见过的大多数东西都把所有的栏目拼凑在一起，以创造出类似于pinterest的样子。这不是我想要的，我知道我的设计将创造空白。这就是我被告知要创造的东西。

Answer 1

更新：以下是我的代码，向您展示我如何遍历每个部门（销售，彩虹n'sprinkles，权力的游戏等）。

希望这清楚地表明为什么在我的情况下添加clearfix div不起作用 code

Answer 2

http://www.codeply.com/go/jXuoGHHker

这非常出色!!!使用动态数据...我抓住的只是几行CSS