/CSS/Bootstrap/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

12 votes293 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
2 votes326 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote369 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote346 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote350 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
0 vote272 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
5 votes324 views2 answers
Remove bootstrap button outline
CSS Bootstrap
1 vote343 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote327 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
-1 vote364 views1 answer
Bootstrap scrollable modal
CSS Bootstrap