2列布局推送其他内容

Question

问题图片：http://expansion-mc.com/layout.png

从图片中可以看出，我有一个2列博客，其中包含推送其他内容的内容。我怎样才能使内容紧凑在一起，并且没有右列引起的间隙。我正在使用Bootstrap。

HTML：

<div class="col-md-6 blog-post pull-">
    <h3 id="sample_postTitle" class="post-title">
        Highlights from around the server #2
    </h3>
    <hr class="blog-hr">
    <p id="sample_postContent" class="post-content">
        Content
    </p>
    <hr class="pull-left blog-hr" width="5%">
    <sup class="pull-left text-muted post-meta">
        posted by <i>MrDarrenGriffin</i>, 22nd November 2014
    </sup>
    <hr class="pull-left blog-hr" width="10%">
</div>

Answer 1

如果我理解你的问题，这可能会有所帮助

.no-gutter > [class*='col-'] {
    padding-right:0; padding-left:0;
} 

然后将no-litter添加到包含的行