Bootstrap column высота выпуск

У меня проблема в системе сетки Bootstrap. Как я могу это исправить? Я хочу, чтобы это как система сетки Google плюсBootstrap column высота выпуск

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

источник

2015-09-17 ÄR Âmmãř Żąîñh

Вы не можете получить подвесную систему, как это. Он будет выглядеть как строки таблицы. Вам нужны две колонки с панелями внутри них.

Как это здесь:

<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

источник

2015-09-17 13:09:52

Спасибо за ответ мне. Это невозможно .. все панели идут в цикле, я хочу один и тот же стиль для всех замкнутых div. –

Вы можете попробовать что-то с flexbox, как на bootply [Flexbox с col-6] (http://www.bootply.com/qof7bxKmBp) –

ответ

Смежные вопросы