/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 vote248 views1 answer
Enque script only on specific archive page
CSS
1 vote183 views1 answer
Padding clamp
CSS
3 votes188 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote154 views1 answer
Remove svg border
CSS
0 vote269 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote214 views1 answer
Not focus css
CSS
0 vote205 views1 answer
.container
CSS
0 vote228 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote220 views1 answer
Html css limit page to a4
CSS
4 votes214 views1 answer
Html make footer stick to bottom
CSS