不同高度的缩略图:我的行为正确吗？
提问于 2013-09-26 16:17:16
我使用引导程序创建一个具有不同高度的div thumbnails网格。代码遵循以下结构：
<div class="row">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
content here
</div>
</li>
<li class="span4">
<div class="thumbnail">
content here
</div>
</li>
<li class="span4">
<div class="thumbnail">
content here
</div>
</li>
</ul>
</div>当然，每个thumbnail都有不同的内容，因此我的高度也不同。我得到的是：
正如你所看到的，在第一个和第二个之间有一个空的反美学的，不明智的空心空间。这是正常的吗？我正在编写的代码结构良好吗？我怎么能避免这种行为？我读到了一个提示，说明正确的做法是每三个缩略图加一行，然后关闭行，再插入三个缩略图等等。但是我认为这样做是不对的，因为没有什么东西可以堆积起来，我也无法得到bootstrap的魔力。欢迎任何建议:-)
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-27 05:28:45
是的，这种行为是预料之中的。您可以使用诸如jQuery同位素(https://github.com/desandro/isotope)或砖石等插件来填充空白。
下面是同位素+引导缩略图的演示：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19040766
复制相关文章
腾讯云开发者
