Bootstrap3中的第n个孩子未正确对齐

Question

我似乎无法得到此工作，我有一个简单的引导页面与图像库，具有不同高度的图像。我想用第n个孩子每四个.COL-MD-3

Bootply smippet后清除左侧 - http://www.bootply.com/7BhYr6J8rH

完成页面的内容将会从数据库中动态填充，所以我需要这种灵活性来工作。任何人都可以指出我要出错的地方吗？

Answer 1

很难解释，但您使用的是图像上的第n个孩子。因为没有图像列表，它将永远不会到达第四个图像，每个列只有一个图像，不会再有图像。然而，行不包含列的列表，所以我编辑你的代码通过柱像这样http://www.bootply.com/7BhYr6J8rH清除：

.row .col-md-3:nth-child(5n) { 
    clear:left; 
} 

另一个想法，你可以做的是同样的结果，并清洁每第四列之后添加<div class="clearfix"></div>码。