看效果你想做瀑布流，不过这样好像不行，左边的空白补不了，你还是试试其他的瀑布流实现方式，我也没做过

#1 楼 @tyaccp_guojian 原来这个名词叫 瀑布流 Thx~

这个你得自己写一点 css, 再加一点代码判断 - -|| 因为 bootstrap 2 中

[class*="span"] {
  float:left;
}

所以所有 span 元素都左浮动，元素高矮不一样会被挡在那里然后就出现空白了。像上面的情况你需要每三个 span2 就来一个

PS:

1. 顺带提一下，我很怀疑你是在 development 环境运行的这个网站 =.=, 因为我看到 /var/www/doit 和 app/controllers/encyclopaedia_controller.rb:6:... 了
2. Ruby 代码建议 ruby def index #@childrenList = Array.new t = Topic.where(:Name=>"Encyclopaedia").first @childrens = Topic.find(t.ChildrenIdList) #t.ChildrenIdList.each do |child| #t.children #@childrenList << Topic.find(child) #end ... end
3. 添加点测试代码

#3 楼 @wppurking Thx，我研究下~ 好似大家都很在意网站运行于 development 环境下 ~ ~

http://isotope.metafizzy.co/