Question

我一直试图让我的页面上的页脚在窗口上保持静态（如导航栏），但是却无法弄清楚如何这样做。

你怎么能这样做？我试过了两个：

<div class="footer">
    <p>This is a footer</p>
</div>

和

<div class="navbar navbar-static bottom">
   <p>This is a static navbar</p>
</div>

但它们都没有运行页面的填充宽度，而是每边都有边距。如何在不破坏引导程序中响应式调整大小的情况下更改它？

Answer 1

如果您查看引导文档站点：http://getbootstrap.com，您可以看到它们正在使用哪些navbar类来实现您描述的效果。他们有类似的东西：

<div class="navbar navbar-fixed-bottom">

</div>

navbar div本身不应该包装在任何容器中以避免添加边距。

Answer 2

试试这个：

<footer>
    <div class="footer">
       <div class="container narrow row-fluid">
          <div class="span4">
          </div>
          <div class="span3">
          </div>
          <div class="span5">
          </div>
       </div>
    </div>
</footer>

为课程.footer添加背景颜色以查看效果

Answer 3

现在回答这个问题已经很晚了，但是如果你使用的是bootstrap 3.0及以上版本

<footer class="section section-primary">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                </div>
                <div class="col-sm-6">
                </div>
            </div>
        </div>
  </footer>

Answer 4

<footer>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        This is your footer!
      </div>
    </div>
  </div>
</footer>

如何在Bootstrap 3中使页脚宽度达到整个窗口的宽度？

4 个答案: