我真的需要一些帮助。 我有10个项目，我想要流到4行 - 3,3,3,1，但有时也需要3行4,4,2。
我已成功完成了一套但在此套装上有某种偏移，我无法修复它？
看起来像这样： https://dl.dropboxusercontent.com/u/31012350/Screen%20Shot%202015-10-28%20at%2018.59.47.png
有什么想法吗？
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles">
<div class="animal-menu menu-python"></div>
<p>Polly the Python</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/1">
<div class="animal-menu menu-snake"></div>
<p>Coco the Corn Snake</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/2">
<div class="animal-menu menu-skink"></div>
<p>Barry the Berber Skink</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/3">
<div class="animal-menu menu-dragon"></div>
<p>Tilly the Thai Water Dragon</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/4">
<div class="animal-menu menu-frog"></div>
<p>Toby the tree Frog</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/5">
<div class="animal-menu menu-salamanda"></div>
<p>Sally the Salamander</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/6">
<div class="animal-menu menu-lizard"></div>
<p>Peter the Plated Lizard</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/7">
<div class="animal-menu menu-gecko"></div>
<p>Colin the Crested Gecko</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/8">
<div class="animal-menu menu-lgecko"></div>
<p>Larry the Leopard Gecko</p>
</a>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
<a href="#reptiles/9">
<div class="animal-menu menu-tortoise"></div>
<p>Tommy the Tortoise</p>
</a>
</div>
</div>