Twitter bootstrap 自举&x2B；派奇

我试着用派克对齐一些div。一切都很好，但我有一个讨厌的空间，我不知道如何摆脱。这些空格仅从第二排开始出现，并且它们会继续出现

<div class="container-fluid">
     <div class="row-fluid">
         <div class="span2" style="background-color: #999">
             the span2
         </div>
         <div class="span10">
           <div id="container">
            <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div>
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
               <div class="well item span3">
                <legend>Animals</legend>
                <ul>
                    <li>cat</li>
                    <li>dog</li>
                    <li>rat</li>
                </ul>
            </div> 
           </div>
         </div>
    </div>
</div>

<script src='http://packery.metafizzy.co/packery.pkgd.min.js'></script>
<script>
var $container = $('#container');
// initialize
$container.packery({
  itemSelector: '.item'
});

</script>

斯潘2
动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

动物

猫
狗
老鼠

var$container=$（“#container”）；
//初始化
$container.packery({
itemSelector:“.item”
});

---

有什么办法解决这个问题吗？

这是因为默认情况下引导列有一个左侧边距，但对于行中的第一个span div，这将被删除：

.row-fluid [class*="span"]:first-child {
margin-left: 0;
}  

因此，在第一个span3 div中删除了左侧边距，但没有删除其他边距。一种解决方案是在第一个跨距中保留左侧边距，请参见