Bootstrap行像Pull-Left类一样

Question

大家好，我有两个看起来像

的Bootstrap行

<div class="wrapper">
  <div class="row" id="row1">
    <div class="col-md-6" id="col1">...</div>
    <div class="col-md-6" id="col2">...</div></div>
  <div class="row" id="row2">
    <div class="col-md-6" id="col3">...</div>
    <div class="col-md-6" id="col4">...</div>
  </div>
</div>

这种安排的输出是

我想要的输出是

任何想法如何做到这一点？

Answer 1

查看mansonry。js或isotope.js 我不确定，但我认为只有这不是真的可能 如果我错了，请纠正我。

Answer 2

还有像这样的CSS网格解决方案..

http://bootply.com/107567

否则，砖石或同位素插件是可行的方式..

Bootstrap + Isotope：http://bootply.com/99910

Answer 3

试试这个 -

<div class="wrapper">
    <div class="row">
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-12">...</div>
            </div>
            <div class="row">
                <div class="col-md-12">...</div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-12">...</div>
            </div>
            <div class="row">
                <div class="col-md-12">...</div>
            </div>
        </div>
    </div>
</div>