This is an old revision of the document!

Bootstrap

CDN

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

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;
}