twitter-bootstrap – 具有不同高度的缩略图：我得到的行为是否

<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>

当然,每个缩略图都有不同的内容,因此我有不同的高度.我得到的是这个：

正如你所看到的,在第一和第二之间有一个空洞的反美学,不智能的空心空间.这是正常的吗？我写的代码编写得很好吗？我怎么能避免这种行为？我已经阅读了一个提示,告诉他说正确的做法是每三个缩略图添加一行,然后关闭行并再插入三个缩略图等等.但恕我直言,我认为这不是正确的事情,因为没有什么可以堆积,我无法获得引导的魔力.任何建议都是受欢迎的:-)