Footer at the bottom

If you have a short page maybe the footer doesn't stay at the bottom

How to fix the footer staying at the bottom of the page

You can do it with bootstraps utility classes

HTML

<body class="flex flex-column vh-100">
  <footer class="mt-auto">
    <p>your footer text</p>
  </footer>
</body>

or you can write your own css

CSS

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

footer {
  margin-top: auto;
}

Go back