2列布局推动其他内容的问题倒

图片：http://expansion-mc.com/layout.png 2列布局推动其他内容的问题倒

enter image description here

正如你可以从图片看，我有有下跌推动其他内容内容的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>

来源

2014-12-13 user4070676

，你需要显示您的代码 – Cattla 2014-12-13 14:51:54

您可能正在寻找：http://masonry.desandro.com/ – Abhitalks 2014-12-13 14:52:00

我不能通过css解决这个问题？ – user4070676 2014-12-13 14:57:18

如果我理解你的问题正确，这可能是帮助

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

然后无垃圾，因为这问题添加到您的包含行

来源

2014-12-13 17:05:40

2列布局推动其他内容的问题倒

回答

相关问题