页面中间的页脚

Question

当用户缩放到25％左右时，我似乎找不到将页脚保持在页面底部的方法。但是当用户具有默认缩放时，请将其保持在正确的位置。我可以删除整个页脚部分，它适用于默认缩放。我一直在阅读很多，但似乎无法让它发挥作用。

以下是我的意思截图：

@

更多背景信息：

.footer {
    background-color: #171717;
    bottom: 0;
    width: 100%;
    padding: 25px 0;
    margin-top: -3em;
}

我正在使用bootstrap。拜托，感谢任何想法。