使用bootstrap 3在内容上粘贴页脚需要响应

时间:2014-06-19 14:24:27

标签: responsive-design sticky-footer

我正在使用Bootstrap 3和http://getbootstrap.com/examples/sticky-footer/

中的以下粘性页脚

我将#footer设置为min-height: 420px;,以便它能够响应并适应窄宽度并扩展高度并堆叠列框。这很好用。

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

是否有解决方案,以便将页脚“按下”?

1 个答案:

答案 0 :(得分:0)

此功能的工作原理是在body上设置底部边距以抵消页脚的大小。

例如,sticky-footer.css包含:

body {
    margin-bottom: 60px;
}

您需要将其调整为height的{​​{1}}。