twitter-bootstrap - 如何在 Bootstrap 3 中使页脚成为整个窗口的宽度?

标签 twitter-bootstrap footer twitter-bootstrap-3 sticky-footer

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

你怎么能做到这一点?我都试过了:

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


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

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

最佳答案

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

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

</div>

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

关于twitter-bootstrap - 如何在 Bootstrap 3 中使页脚成为整个窗口的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19661833/

相关文章:

javascript - 悬停时在图像上显示链接

html - 粘性页脚中的 hr 问题

html - 100% 高度的 float 页脚?

css - 如何在 bootstrap 3+ 中将图像置于 col 元素的中心

css - Bootstrap : Dyamic columns with container-fluid and row not wrapping properly

javascript - 我们如何在淡入期间删除 Bootstrap 中模态的背景颜色?

html - 2 张图片并排 - Bootstrap

php - 无法让 Logo 出现在正确的位置以及跨浏览器问题

jquery - 使页脚小部件重新调整到相同的高度

javascript - 打开和关闭时 $uib-modal 错误