Bootstrap列高度问题

时间:2015-09-17 12:11:36

标签: html twitter-bootstrap grid

我在Bootstrap网格系统中遇到了问题。我怎样才能解决这个问题? 我希望它像 Google plus网格系统

http://i.stack.imgur.com/0fYy7.png


@Entity
public class Entity {
  @Id
  private Integer id;

  @OneToMany(???)
  private Set<Integer> externalIds;
}

JSFiddle

1 个答案:

答案 0 :(得分:0)

你无法获得这样的网格系统。它看起来像表格行。你想要的是两列内部的面板。

像这样:

<div class="container">
    <div class='col-md-6 col-sm-6 col-xs-6'>
        <div class="panel" style='height:50px'>hello</div>
        <div class="panel" style='height:150px'>hello</div>
        <div class="panel" style='height:50px'>hello</div>
    </div>
    <div class='col-md-6 col-sm-6 col-xs-6'>
        <div class="panel" style='height:150px'>hello</div>
        <div class="panel" style='height:50px'>hello</div>
        <div class="panel" style='height:150px'>hello</div>
    </div>    
    
</div>
    

Fiddle Link