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>

第二排：

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

希望有所帮助