Jquery 需要使用twitter引导创建动态互动程序

所以我用angular返回一组对象。我希望dom中的每个对象都用一个div表示，比如

<div class="container-fluid">
  <div ng-repeat="x in loaders" class="col-sm-2">
    <div style="padding:15px;width:350px;">

        <table>
            <tr>
                <td>
                    <div style="font-size:60pt;">{{x.id}}</div>
                </td>
                <td>
                    <div style="padding-left:30px;font-weight:bold;width:100%;">
                        <div>{{x.loaderCustomHeader}}</div>
                        <div>Type:&nbsp;{{x.loaderType}}</div>
                        <div>Last Run Time:&nbsp;{{x.lastRunTimeFormatted}}</div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
  </div>
<div>

{{x.id}
{x.loaderCustomHeader}
类型：{x.loaderType}
上次运行时：{x.lastRunTimeFormatted}

---

我希望这些div只在屏幕上渲染，当容器div的宽度达到时，移动到下一行，直到它满为止。这是boostrap实现这一效果的理想方法，还是应该使用其他类来实现这一效果？我有点像我想要的，但是边距是关闭的。

创建CSS类来定义每个磁贴的布局。然后使用类似同位素的插件（以节省编写所有磁贴重新排列逻辑的时间），并使用JS实例化每个磁贴并将其附加到同位素网格。同位素将为您处理动态排列-只需确保在每次动态添加新平铺时调用同位素上的更新布局方法

编辑：这里是我构建的一个工作站点，它使用这种类型的实现。我们的MVC允许我们动态更改FAQ网格中的问题，布局由同位素处理（向下滚动至FAQ）。欢迎您根据需要查看源代码并从实现中借用

---

你能说明你想做什么吗？更多关于“我有我想要的东西，但利润率下降”的细节。有一点显然是错误的，

col-sm-2

应该被包装在

行中。对不起。我所要做的就是让集合中的每个对象在上面的html表中呈现，并让它们并排呈现，直到达到div的宽度，然后移动到下一行，直到所有对象都呈现出来。是的，这就是引导的工作方式：好的，引导似乎正在工作。我遇到了“瓷砖”重叠的问题。我唯一的问题是，为什么当我使用col-lg-4时，它会给我3个瓷砖，而当我使用col-lg-3时，它会给我4个瓷砖？