Twitter bootstrap bootstrap中的跨距缩进 我正在建立一个基于span10引导的网站 在页脚内有3个div，每个div都位于另一个div之下，都是span10 第二个和第三个div正在缩进 我不知道为什么。有人能帮忙吗

请参阅此处的网站-

页脚的绿色区域是我们看到第一个缩进出现的地方

此页脚位于容器流体类的内部和整体div中。以下是页脚代码：

<footer class="row-fluid backgAll img-rounded">

    <div class="span10 topCorners">
        <img src="customImages/headerTop.png" alt="H2onics">
    </div>

    <div class="span10 green">Footer content goes here</div>

    <div class="span10 bottomCorners">
        <img src="customImages/footerBottom.png" alt="H2onics">
    </div>

</footer>

页脚内容在这里

尝试以下操作

<footer class="backgAll img-rounded">
  <div class="row-fluid">
    <div class="span10 topCorners">
        <img src="customImages/headerTop.png" alt="H2onics">
    </div><!-- end span10 -->
  </div><!-- end row-fluid -->

  <div class="row-fluid">
    <div class="span10 green">
        Footer content goes here
    </div><!-- end span10 -->
  </div><!-- end row-fluid -->

   <div class="row-fluid">
    <div class="span10 bottomCorners">
        <img src="customImages/footerBottom.png" alt="H2onics">
   </div><!-- end span10 -->
  </div><!-- end row-fluid -->

</footer>  

页脚内容在这里

请注意，我将所有span10 div包装在row fluid div中

---

希望这有帮助

多谢各位。这是我考虑过的一个选择。但看起来还是很奇怪。如果它们是span10，那么它们只需相当于宽度：100%，而不是像站点那样缩进。但是还是要谢谢你。@William如果你看看网格是如何定义的，容器定义了页面的总宽度，左右都有一点填充。每个.span div在左侧也有一些填充，用于分隔列。如果这就是全部，那么在第一列的左边会有一个双空格，所以Bootstrap通过增加一个负的左边距来补偿，将第一列向左拉一点。这就是为什么需要这样做，并使列对齐。@William我刚刚注意到块中有一个光点，其中有5列。当您缩小浏览器窗口时，它会显示。目前，您已将5个span2 div嵌套在span10中。有关如何执行此操作的详细信息，请参见上的“流体嵌套”部分。祝你好运