Responsive design 使用bootstrap 3的内容上的粘性页脚需要响应

我正在使用bootstrap3和下面的粘性页脚

我将页脚设置为最小高度：420px；因此，它将响应性地工作，并适应窄宽度、高扩展和堆叠列框。这个很好用

但当设置最小高度时，页脚将覆盖其顶部的内容

---

是否有一种方法可以将页脚压下？

此功能还可以通过在正文上设置底部边距来抵消页脚的大小

例如，sticky-footer.css包含：

body {
    margin-bottom: 60px;
}

---

您需要将其调整到页脚的高度。

这样做响应性不强