/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 votes360 views6 answers
Bootstrap modal
Javascript Bootstrap
1 vote377 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote361 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript Bootstrap
0 vote383 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
145 votes532 views6 answers
Add bootstrap to react
Javascript Bootstrap
1 vote401 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote421 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
0 vote383 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
2 votes390 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote431 views1 answer
Bootstrap put button on one line
CSS Bootstrap