Bootstrap 4 - Sticky footer - Dynamic footer height

Question

I need to put a sticky footer on my pages , however i don\'t have a definite height set for my footer . On smaller screens - the rows resize and footer becomes longer .

Answer 1

Use min-height instead of height to make it variable height.

https://codepen.io/hunzaboy/pen/prxgRb

Also on smaller screens just remove the absolute position and make it static.