Bootstrap col删除顶部间距[重复]答案

【问题标题】：Bootstrap col remove top spacing [duplicate]Bootstrap col删除顶部间距[重复]
【发布时间】：2017-06-13 01:03:51
【问题描述】：

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

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

<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 旁边的另一个元素时，它不会放在另一个旁边。就像在 2 col-md-6 之后使用的行。

【问题讨论】：

所以你说每一列都包含相同的图像？从您的代码中暗示，但图像说明了其他内容。请提供一个完整的工作示例来说明问题。

标签： css twitter-bootstrap

【解决方案1】：

所有 div 内容必须相同高度（为所有 div 设置 css 最小高度）您可以使用该代码，否则请使用此类型..

<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>

【讨论】：