Bootstrap 列高问题

Question

我在 Bootstrap 网格系统中遇到问题。我怎样才能解决这个问题？我想要像Google加网格系统

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

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

JSFiddle

Answer 1

你无法获得那样的网格系统。它看起来像 table 行。你想要的是两列，里面有面板。

在这里点赞：

<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

Bootstrap 列高问题

Bootstrap column height issue

html

grid

twitter-bootstrap