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 个）连续包装会成功。