如何删除具有两列的行之间的空格

Question

当前布局结构：

+--------------+
| -----Row---- |
+--------------+
| Col 8  col 4 |
|          ^   |
|          |   | //Vertical Space here between col-4
|          ^   |
| Col 8  col 4 |
| -----Row---- |
+--------------+

期望的输出：

+--------------+
| -----Row---- |
+--------------+
| Col 8  col 4 |
|        col 4 | //Remove Vertical Space here between col-4
| Col 8  col 4 |
| -----Row---- |
+--------------+

因为col-8之间有垂直空间，所以col-4右边的列垂直间隔，因为它们在同一行。如何删除空格？

我想删除右侧列的垂直空格，而不是使所有列的大小相等。

如果您查看此网站：http://mashable.com/，请查看第二列是如何堆叠的，没有垂直空间，第三列是如何堆叠的，具有不同的大小/高度。

同样，我希望我的第二列没有垂直空间。

Answer 1

您可以将列表项放在2个单独的列中，如下所示......

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <!--item-->
            <!--item-->
        </div>
        <div class="col-md-4">
            <!--item-->
            <!--item-->
            <!--item-->
        </div>
    </div>
</div>

http://www.codeply.com/go/60g6A6sW9U

当您的列位于不同的行中时，无法生成不同的高度列＆＃34; fit＆＃34;没有差距。否则你必须使用＆＃34;砌筑＆＃34;类型解决方案as explained in this answer。