将响应脚冲洗到底部Bootstrap

Question

好吧，我知道关于这个主题有上百万个问题-但是我还没有找到针对我特定情况的答案。

我想创建一个粘性页脚（而不是position: fixed ），但是如果内容不足以填充页面空间，它将停留在底部。 如果有足够的内容，则页脚将正常显示。

在其他不使用引导程序的页面上，我已经能够做到这一点：

http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/

看到它在我的网站上正常工作：

http://www.magnetize.ca/policies.shtml#/pp

但是在我的网站的某些部分，我被迫使用引导程序，当我尝试使用flexbox方法时，事情真的出错了：

http://my.magnetize.ca/knowledgebase.php

在大多数浏览器中，我只看到该页面的页脚被截断了-但是在Safari上，情况却被严重弄乱了。

---

因此，总而言之，我正在寻找：

脚注解决方案：

• 不是固定的页脚解决方案（如果内容足以填充页面，则用作普通页脚）
• 不需要固定的页脚高度
• 与引导程序一起使用

您可以为我解决这个特定问题吗？

---

编辑：

我只是尝试列出的“表格技巧”方法： http : //galengidman.com/2014/03/25/response-flexible-height-sticky-footers-in-css/

现在可以在以下位置进行直播： http ://my.magnetize.ca/knowledgebase.php（在所有my.magnetize.ca页面上）

它比flex-box更好，所以我放弃了这个想法。 在所有浏览器上，所有功能都可以完美运行……除了野生动物园。 在野生动物园中，即使未设置页边距，页面顶部和底部都有大量页边距。

Answer 1

您可以尝试使用http://stickyjs.com/，我将其用于导航栏，该导航栏从页面的中间开始，然后一直停留在顶部。

我还发现了这个http://www.cssreset.com/demos/layouts/how-to-keep-footer-at-bottom-of-page-with-css/# ，它看起来更像您想要的东西。