css - Twitter Bootstrap 放错了缩略图

Question

我正在使用 TwiBoo (2.3.2) 编写个人资料页面，该页面由一行组成，人员元素的 span7，然后是按钮的 span5:

<div class="row-fluid">
<div class="span7 profile-left">
    <h4><?= $this->lang->line('profile_your_pjts') ?></h4><br>
    <!-- THUMB PROGETTI -->
    <ul class="thumbnails">
        <?php foreach($list_pjt as $progetto): ?>
            <li class="span4 pjt-thumb">
              <div class="thumbnail">
              <!-- PROJECT DATA FROM PHP/MYSQL -->
              </div>
            </li>
        <?php endforeach; ?>
    </ul>
</div>
<div class="span5">
    <h4>BUTTONS</h4>
    <!-- SUBSCRIPTION DATA -->
    <!-- BUTTONS -->
</div>
</div>

这是结果:

当我添加更多缩略图并转到新行时，问题就来了，而不是每行 3 个，我只从第二行得到 2 个:

我尝试用纯 css 修复左边距，但只是将所有拇指向左移动，保持同样的问题。知道为什么吗？

Answer 1

我认为将您的缩略图 div(每 3 个)包装成一行会成功。