粘性页脚在较大设备上不粘在屏幕底部 - Bootstrap

Question

我正在尝试创建一个粘在屏幕底部的页脚（不固定），并根据添加的内容量向下移动。

在较大的屏幕上，页脚不会粘住。

在此处查看：http://www.bootply.com/VxVeDahZzG

Answer 1

我认为您需要将身体的大小更改为 100%。这是一个很好的网站，可以帮助我弄清楚。 http://ryanfait.com/sticky-footer/

这是他的做法：

* {
margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important; 
    height: 100%;
    margin: 0 auto -155px; 
 }
.footer, .push {
    height: 155px; /* .push must be the same height as .footer */
}

您还需要将页脚移出身体才能使其起作用。