html - 将响应响应页脚刷到底部Bootstrap

我知道关于这个话题有一百万个问题 - 但我还没有找到我的具体案例的答案。

我想创建一个粘性页脚（不是position: fixed），但如果内容不足以填充页面空间，则会保留在底部。如果内容足够，则页脚将正常运行。

在不使用bootstrap的其他页面上我能够做到这一点：

在我的网站上查看它：

但是在我网站的一部分上，我被迫使用bootstrap，当我尝试使用flexbox方法时，事情出现了问题：

在大多数浏览器中，我只看到该页面上的页脚被截断 - 但在Safari上，事情变得非常混乱。

总而言之，我正在寻找：

粘性页脚解决方案：

你能解决这个具体问题的任何帮助吗？

修改

现在点击：http://my.magnetize.ca/knowledgebase.php（在所有my.magnetize.ca页面上）

它比flex-box工作得好得多，所以我放弃了这个想法。一切都在所有浏览器上都很漂亮......除了safari。在safari上，即使没有设置边距，页面顶部和底部也有大量边距。