/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

4 votes310 views3 answers
Add space between all html elements flex
CSS
3 votes309 views1 answer
Fontawesome trash icon
CSS
2 votes285 views2 answers
How to move text down css
CSS
12 votes288 views4 answers
On hover display another div css
CSS
7 votes306 views2 answers
Rem vs em
CSS
4 votes295 views1 answer
Make border to div
CSS
12 votes354 views1 answer
Css curve table border
CSS
31 votes334 views3 answers
How to change the width of a background image in css
CSS
10 votes285 views5 answers
Text-align property in css
CSS
0 vote319 views1 answer
Css good black color
CSS