Boostrap 4 footer at bottom

Autor YouCode - http://www.youcode.com.ar/csstylesheets/boostrap-4-footer-at-bottom-480

Fecha 19/09/2020

Com posicionar nuestro footer siempre al final de la pagina si importar el tamaño del contenido

Primer, el CSS que debemos tener

html,
body {
  height: 100%;
}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}

En nuestra pagina ponemos

<html>
.....
.....
.....
  <body class="d-flex flex-column">    

     <div id="page-content">
       ...............
       ...............
       ...............
     </div>

   .......Aqui pondrias tu footer

  </body>
</html>

con esto, ya nuestro footer queda siembre abajo.

http://www.youcode.com.ar/csstylesheets/boostrap-4-footer-at-bottom-480