Bootstrap Sticky Footer Not Staying Sticky

I am looking for suggestions for making my footer sticky. I tried to accomplish this using this page as a example: Example When content of a page is less then the screen height foo

Solution 1:

add:

position: fixed;
bottom:0;
width:100%;

to #footer. Also try with position:absolute

Optional: you may also want to add text-align:center; to keep the text centered.

That's all you need.