html - 类似谷歌的全宽粘性页脚

Question

我正在尝试创建一个页脚，就像谷歌在其主页底部使用的那样。它将是页面的全宽，两侧都有链接。但是，我想在中心拥有版权。

这是我用来完成此任务的默认布局:http://jsfiddle.net/304gvLyn/

但是，页脚包含在 container 中，因此它不会跨越页面的整个宽度。

<footer class="footer">
  <div class="container">
      <p class="text-muted pull-right">Button Here</p>
  </div>
</footer>

如果我把它变成 container-fluid 那么就没有填充，它有时会创建一个水平滚动条。

这是它目前的样子:

这就是我想要做的:

Answer 1

Bootstrap 容器设计用于行和列。

<footer class="footer container-fluid">
    <div class="row">
        <div class="col-xs-2">
            <p class="text-muted pull-right">Button Here</p>
        </div>

        <div class="col-xs-8 text-center">
            <p>Copyright Here</p>
        </div>

        <div class="col-xs-2">
            <p class="text-muted pull-right">Button Here</p>
        </div>
    </div>
</footer>

Demo