bootstrap fixed footer at bottom of page code example

Example 1: 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.-->

Example 2: sticky footer bootstrap 3

<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>