Question

我正在构建一个基于span10 Bootstrap的网站。
页脚内部共有3个div，全部为span。
第二和第三个div正在缩进。
我不知道为什么。有人可以帮忙吗？

在此处查看网站 - http://www.brainstormadvertising.co.uk/webDev/

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

此页脚位于容器流体类的整体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 divs

中

希望这有帮助！

在bootstrap中扩展缩进

1 个答案: