5

我一直试图让我的页面上的页脚在页面上保持静态时进入窗口的整个宽度（如导航栏），但一直无法弄清楚如何做到这一点。

你怎么能做到这一点？我都试过了：

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

和

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

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

4

4 回答 4

6

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

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

</div>

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

于 2013-10-29T15:07:42.253 回答
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以查看效果

于 2013-12-24T10:22:07.530 回答
1

回答这个问题已经很晚了，但如果您使用的是 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>
于 2016-03-04T19:36:45.240 回答
-1 
<footer>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        This is your footer!
      </div>
    </div>
  </div>
</footer>
于 2014-09-08T21:12:56.223 回答