Twitter Bootstrap错放了缩略图

时间:2013-09-23 08:42:51

标签: css twitter-bootstrap

我正在编写一个包含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>

结果如下:

enter image description here

当我添加更多缩略图并转到新行时出现问题,而不是每行3行我只从第二行获得2:

enter image description here

我尝试使用普通css修复左边距但只是向左移动所有拇指保持相同的问题。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我认为连续缩放你的缩略图div(每3个)就可以了。