/CSS/Sticky footer not working bootstrap

Sticky footer not working bootstrap

/* 2020 - bootstrap 4.5+ 
Note: - The flex-fill utility was included in Bootstrap 4.1 at later release. 
So after that release the extra CSS for flex-fill won't be needed. 
Additionally min-vh-100 is included in newer Bootstrap 4 releases */
<div class="d-flex flex-column min-vh-100">
    <nav>
    </nav>
    <main class="flex-fill">
    </main>
    <footer>
    </footer>
</div>

Source: stackoverflow.com

Similar codes

1 vote150 views2 answers
Align div to right side of parent
CSS
0 vote149 views1 answer
Style jQuery draggable clone
CSS
0 vote114 views1 answer
Different :after and ::after
CSS
2 votes149 views2 answers
Bootstrap icons in angular
CSS
0 vote153 views1 answer
Exclude html content when print
CSS
2 votes156 views1 answer
Div not larger than its content
CSS
9 votes158 views1 answer
Css border top
CSS
24 votes151 views2 answers
Css grid align
CSS
0 vote168 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
0 vote148 views1 answer
To make card box appear more bigger when hover
CSS