南瓜网格视图一起避免奇怪的外观

Question

示例：http://www.codeply.com/go/2Mf71NEv42

我有一些网格部分有不同的高度，导致上面看到的奇怪的视图。我想轻推最后一个方框，如：

..所以它看起来像..

这可能吗？

Answer 1

这是可能的，但根据您的代码，我认为您需要仔细放置“col-md-4”

在bootstrap中，一行100％宽度加起来为12，所以如果你计划连续3列，你将有3“col-md-4”，其中md＆gt; = 992px＆lt; 1200px < / p>

所以不要将col-md-4放在所有面板上。你应该考虑放置如下面板：

<div class="container">
     <div class="row">
           <div class="col-md-4">
                <div>##Panel1</div>
                <div>##Panel2</div>
           </div>
           <div class="col-md-4">
                <div>##Panel3</div>
                <div>##Panel4</div>
                <div>##Panel5</div>
           </div>
           <div class="col-md-4">
                <div>##Panel6</div>
                <div>##Panel7</div>
                <div>##Panel8</div>
           </div>
     </div>
</div>

Try it here