bootstrap footer bottom of page
<!--Use the navbar component and add .navbar-fixed-bottom class:-->
<!--Bootstrap 3.x-->
<div class="navbar navbar-fixed-bottom"></div>
<!--Bootstrap 4.x-->
<div class="navbar fixed-bottom"></div>
<!--Don't forget to add body { padding-bottom: 70px; } or otherwise the page content may be covered.-->
Source: stackoverflow.com
sticky footer bootstrap 3
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>