twitter bootstrap 上的列内空间

Question

我正在通过 Facebook API 提取图片，并尝试使用 twitter bootstrap 和 rails koala gem 将图片分成三列。

图片分栏没问题，但是栏内的间距很凹凸不平。有时图片之间的列内会有很大的差距。似乎是因为在其他列之一中有更长的图片。

有没有办法确保图片显示得更加流畅？

这是我的代码。谢谢

<div class = "row-fluid">
<div class ="span16">
<% @album = @graph.get_connections("me", "albums") %>
<% @album.each do |result| %>
  <% @photos = @graph.get_connections("#{result['id']}", "photos") %>
    <% @photos.each do |result| %>
    <div class ="span3">
        <img src="<%= result["source"] %>">
    </div>
    <% end %>
<% end %>
</div>
</div>

Answer 1

如果您的网格系统是 16 列 (span16) 并且您想将图像显示到 span3 div 中，您必须将它们分成每行 5 个元素，因为 span3*5=span15 所以您的代码应该有一个循环来计算元素每 5 个关闭该行并打开另一个。