Bootstrap

Ensure your content is all wrapped in a <div> with class .content-wrapper

html,
body {
    height: 100%;
}
 
body {
    display: flex;
    flex-direction: column;
}
 
.content-wrapper {
    flex: 1 0 auto;
}
 
footer {
    flex-shrink: 0;
}