如何获得Bootstrap Grid每行没有间隙

时间:2015-06-26 09:17:41

标签: css twitter-bootstrap

附件是我的引导网格的屏幕截图。我想知道如何让下排的div坐在上面的div之下,而不是坐在新的行上。

enter image description here

这是每个项目的代码段

        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12 thumb">

            <a class="thumbnail" href="#">
            <img class="img-responsive" src="<?php echo $row['ProductImage']; ?>" width="100%" alt="">
            <div class="postContent"><h3><?php echo $row['ProductName']; ?></h3><br>
            <p><?php echo $row['ProductText']; ?></p>
            </div>    
            </a>

        </div>

谢谢堆

1 个答案:

答案 0 :(得分:0)

将您想要的对象垂直对齐放在同一col中,并使其宽度为100%。然后他们将包裹在那些列中。您可能希望在顶部和底部添加一些顶部边距来模拟排水沟