需要使用twitter引导创建动态块
提问于 2016-04-11 06:51:48
所以我用角来返回一组物体。我想要由div表示的dom中的每个对象，比如
<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: {{x.loaderType}}</div>
<div>Last Run Time: {{x.lastRunTimeFormatted}}</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div>我希望这些div只是在屏幕上呈现，并且当到达容器div的宽度时移到下一行，直到它满了为止。这是使用引导程序的理想方法，还是应该使用其他类来实现此效果？我有我想要的东西，但利润不多。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-11 07:08:10
创建定义每个平铺布局的CSS类。然后使用一个插件，比如同位素(以节省编写所有瓷砖重新排列逻辑的时间)--并使用JS实例化每个瓷砖并将其附加到同位素网格中。同位素会为你处理动态排列--确保每次动态添加新的瓷砖时都调用同位素上的更新布局方法。
编辑:这是我构建的一个使用这种实现的工作站点。我们的MVC允许我们动态地更改常见问题网格中的问题，布局由同位素处理(向下滚动到常见问题)。欢迎您查看源代码，并根据需要从实现中借用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36552112
复制相关文章
点击加载更多
腾讯云开发者
