twitter-bootstrap – 如何在Bootstrap 3中使页脚宽度达到整个窗

发布时间：2020-12-17 20:37:01 所属栏目：安全来源：网络整理

导读：我一直试图让我的页面上的页脚在页面上保持静态的同时移动窗口的整个宽度(如导航栏),但是无法弄清楚如何这样做. 你怎么能这样做？我试过了两个： div class="footer" pThis is a footer/p/div 和 div class="navbar navbar-static bottom" pThis is a static

我一直试图让我的页面上的页脚在页面上保持静态的同时移动窗口的整个宽度(如导航栏),但是无法弄清楚如何这样做.

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

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

和

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

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

解决方法

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

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

</div>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!