/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

0 vote219 views1 answer
Css nth child range
CSS
0 vote199 views1 answer
Icon float right side input css
CSS
0 vote242 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote209 views1 answer
Css stretch font vertically
CSS
0 vote204 views1 answer
Flex align self
CSS
1 vote189 views1 answer
Scroll-behavior not working
CSS
175 votes218 views6 answers
Background css image
CSS
0 vote216 views1 answer
Check concurrent connections for linux user
CSS
-1 vote205 views1 answer
Adjust text spacing css
CSS
1 vote211 views2 answers
Show hidden message html
CSS