Twitter bootstrap 引导在左侧为span增加额外边距

我试图添加Div，在底部的Div在第四个跨度上有额外的余量

第四跨位于底部，但未正确对齐。它的左边填充比上面的多

这是我的代码：-

<div class="row-fluid">
    <div class=span12>
        <div class=span4>
            <div style="background: url(img/background.jpg) center no-repeat">
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
            </div>
        </div>
        <div class="span4">
            <div style="background: url(img/background.jpg) center no-repeat">
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
            </div>
        </div>
        <div class="span4">
            <div style="background: url(img/background.jpg) center no-repeat">
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
            </div>
        </div>
        <div class="span4">
            <div style="background: url(img/background.jpg) center no-repeat">
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
                <h2>&nbsp;</h2>
            </div>
        </div>
    </div>
</div>

---

我认为解决方案是

<div class="row-fluid">
  <div class=span12>
    <div class=span4>
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>  
  </div>
  <div class=span12>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
  </div>
</div>

这是因为用3个span4来完成网格，换句话说，3*span4=12 然后，您需要使用span12创建一个新的div容器，并在该div内添加新的spanN，直到完成12网格

---

你明白了吗？：）

我认为解决办法是

<div class="row-fluid">
  <div class=span12>
    <div class=span4>
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>  
  </div>
  <div class=span12>
    <div class="span4">
        <div style="background: url(img/background.jpg) center no-repeat">
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
            <h2>&nbsp;</h2>
        </div>
    </div>
  </div>
</div>

这是因为用3个span4来完成网格，换句话说，3*span4=12 然后，您需要使用span12创建一个新的div容器，并在该div内添加新的spanN，直到完成12网格 你明白了吗？：）

您需要另一个

您需要另一个

我不想在每3个span4之后再使用span12对不起，这是您唯一可以这样做的方法。或者你需要。。。因为，如果你用的是span4，网格是其中3个的全宽。我不想在每3个span4之后使用span12对不起，这是唯一的方法。或者你需要。。。因为，如果使用span4，网格的宽度为3。这不是我想做的。。我只想使用span4，我想让它自动对齐：（这不是我想做的..我只想使用span4，我想让它自动对齐：(