Bootstrap col去除顶部间距

Question

我想删除顶部间距，使它彼此相邻。

我标记了需要以红色删除的间距。我使用的代码：

<div class="row">
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
    <div class="col-md-6">
        <img src="myimage.png">
    </div>
</div>

但是当我的div高于div旁边的另一个元素时，它不会放在另一个旁边。就像在col-md-6之后使用该行一样。

Answer 1

所有div内容必须相同的高度（为所有div设置css min-height）你可以使用其他明智的代码使用这种类型..

<div class="row">
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
        <div class="col-md-6">
            <img src="myimage.png">
        </div>
    </div>