Bootstrap Grid已经抵消了第二排？

Question

我想在这里放置这个页面： http://marcmurray.net/Napier_Test/index.html

更像这样的东西： http://i.imgur.com/R9asucJ.png

我尝试了一些不同的方法，但似乎无法得到它。在网格项之间添加边距会进一步推动它们，而我宁愿不必推动整行以消除偏移，因为我认为这将是一种修复我可能做错的东西的一种黑客方式。 有什么想法吗？

Bootply在这里（减去JQuery）： http://www.bootply.com/OzQAQwr9N1

Answer 1

只需对HTML和CSS进行一些格式化：

1. 删除行和.item div之间的额外col-lg-12 div
2. 更改.item div以使其成为col-sm-4的孩子
3. 从.item中删除不必要的样式。

也许将margin-top添加到.item以获得很小的间距。

像这样：http://www.bootply.com/MKWJEnW3ZD