How to add sticky footer in admin template 5.3.0

998 Views Asked by At

I would like to add sticky footer to admin template 5.3.0 (https://getbootstrap.com/docs/5.3/examples/dashboard/). I tried with my level best. i am not succeeded. Need you help.

1

There are 1 best solutions below

1
Cooleronie On BEST ANSWER

Place this code after .container-fluid in your example dashboard HTML:

<footer class="fixed-bottom p-3 bg-dark-subtle">
    <span class="text-muted">Place fixed footer content here.</span>
</footer>

The class .fixed-bottom makes the footer stick to the bottom of the page. You can change the classes p-3 (gives the footer padding) and bg-dark-subtle (gives the footer a background color) to your liking. You can change the content inside the footer too.

So given that example dashboard the final layout order should be:

<body>
<header>...</header>
<div class="container-fluid">...</div>
<footer>...</footer>
</body>

Good luck.