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列布局推動其他內容的問題倒

回答

相關問題