Sticky Footer in Skeleton Boilerplate
How to create a sticky footer using the Skeleton Boilerplate
November 05, 2013
1 minutes reading time
I’ve always been a fan of the sticky footer. I like the idea of having all the content at the top of the page, and then some whitespace before I reach the end of the page. It creates more structure (structure is always good.)
However, during the rewrite of my website, I wanted to make it responsive and maintain some concepts from the older design e.g. the sticky footer. This was a little trickier to accomplish than I had anticipated.
The solution is easier than you think, but if you were like me and got a bit caught up in Skeleton, you might have over thought it!
Wrap your container div with a div called footer.
Apply the CSS below to the appropriate classes.
</br> Hope this manages to help you out! Good luck!