Sticky Footer не прилипает к нижней части экрана на больших устройствах - 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 */ 
} 

Вы также должны принять футер за пределами вашего тела для этой работы.