twitter-bootstrap - 引导程序中的跨度缩进

Question

• 我正在构建一个基于 span10 Bootstrap 的网站。
• 页脚内部是 3 个 div，它们都在彼此之下，都是 span10。
• 第二个和第三个 div 是缩进的。
• 我不知道为什么。有人可以帮忙吗？

在这里查看网站 - http://www.brainstormadvertising.co.uk/webDev/

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

此页脚位于 container-fluid 类的整体 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>

Answer 1

尝试以下

<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 中

希望这可以帮助！