I'm making a website and after it's main content I want to have a nice footer at the bottom. My problem is, that due to dynamically loaded content, I can not predict how long it will be. So If I just put a div with my footer at the end of a body it could get awkwardly in the middle of page if the content is short.
On the other hand I've tried using bootstrap's .fixed-bottom but it overlaps my content if it is long.
I would not like having some script that checks how long my page is and dynamically alternating the position of my footer. Is there a nice simple solution to my problem? Preferably using bootstrap or simple custom css.