twitter-bootstrap - Twitter 引导缩略图偏移量

Question

我遇到了缩略图无法正确折叠的问题，代码： https ://gist.github.com/4676514

不知道为什么第 5 个缩略图向右折叠，为什么它不会开始新的一行？

Answer 1

也许尝试复制他们在 Bootstrap 示例中使用的布局，看看是否可行？

http://twitter.github.com/bootstrap/components.html#thumbnails

<div class="row">
  <ul class="thumbnails">
    <li class="span3">
      <img src="">
      <div class="caption">TEXT</div>
    </li>
    <li class="span3">
      <img src="">
      <div class="caption">TEXT</div>
    </li>
    <li class="span3">
      <img src="">
      <div class="caption">TEXT</div>
    </li>
    <li class="span3">
      <img src="">
      <div class="caption">TEXT</div>
    </li>
  </ul>
</div>

Answer 2

这是因为您正在尝试将所有图像图块加载到一个之下<div class="row">

而不是这样做，为每个图像行创建一个单独的行。

第一排：

<div class ="row">
  <div class="span3">image1</div>
  <div class="span3">image2</div>
  <div class="span3">image3</div>
</div>

对于第 2 行：

<div class ="row">
  <div class="span3">image4</div>
  <div class="span3">image5</div>
  <div class="span3">image6</div>
</div>

希望能帮助到你