/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

51 votes240 views4 answers
Css center horizontally
CSS
35 votes242 views2 answers
Css code for margin
CSS
-7 votes296 views6 answers
Css all flex properties
CSS
33 votes234 views2 answers
Gradient text colors
CSS
0 vote177 views1 answer
Tailwind css strikethrough
CSS
1 vote211 views1 answer
Css how to dynamically put div in front of another
CSS
2 votes194 views1 answer
Css content space
CSS
0 vote236 views1 answer
CodeIgniter + WordPress integration
CSS
58 votes235 views3 answers
@media
CSS
0 vote224 views1 answer
Css ditribute width equealy to child components
CSS