Rails Bootstrap 2 的一个问题,求助~

fbsender · 2013年12月09日 · 最后由 small_fish__ 回复于 2013年12月09日 · 2266 次阅读

外层 div class='span9' 内部 div class='span2'

请问如何填充 bootstap 自动留出的空白部分呢?

网页链接:http://vxixi.com/category/racket_detail/207?page=1

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

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

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

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

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

不过这样, 那么一行的高度会变为最高的那个, 也不怎么美观. 再然后, 再然后就可以变为瀑布流的样式了 ... 每个 div 自动填充空隙.

PS:

  1. 顺带提一下, 我很怀疑你是在 development 环境运行的这个网站 =.=, 因为我看到 /var/www/doitapp/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 环境下 ~ ~

需要 登录 后方可回复, 如果你还没有账号请 注册新账号