title: Bootstrap footer doesn't stick to the bottom of the page
body: <p>I'm currently working on some design and front-end issues, I'm not really a Front-End specialist of positioning and other similar elements. So for now I have built some design in my <code>&lt;div class=&quot;container&quot;&gt;&lt;/div&gt;</code>, and basically the thing is that my footer sticks up near my last element, for now in the middle. I tried using <code>&lt;br&gt;</code> but that's not what I want... How can I set it to be in the bottom of the page? Thank you!</p>
  <p>My code:</p>
  <pre><code>&lt;footer class=&quot;page-footer font-small bg-dark pt-5&quot;&gt;
  
    &lt;!-- Footer Elements --&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;!-- Social buttons --&gt;
      &lt;ul class=&quot;list-unstyled list-inline text-center&quot;&gt;
        &lt;li class=&quot;list-inline-item&quot;&gt;
          &lt;a class=&quot;btn-floating btn-fb mx-1&quot; href=&quot;https://www.facebook.com/UAB-Interkodas-1882309422025359/&quot;&gt;
            &lt;img alt=&quot;fb&quot; width=&quot;30&quot; src=&quot;{% static '/main/svgs/facebook.svg' %}&quot;&gt;
          &lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&quot;list-inline-item&quot;&gt;
          &lt;a class=&quot;btn-floating btn-tw mx-1&quot;&gt;
            &lt;img alt=&quot;linkedin&quot; width=&quot;30&quot; src=&quot;{% static '/main/svgs/linkedin.svg' %}&quot;&gt;
          &lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&quot;list-inline-item&quot;&gt;
          &lt;a class=&quot;btn-floating btn-gplus mx-1&quot;&gt;
            &lt;img alt=&quot;google_plus&quot; width=&quot;30&quot; src=&quot;{% static '/main/svgs/google-plus.svg' %}&quot;&gt;
          &lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&quot;list-inline-item&quot;&gt;
          &lt;a class=&quot;btn-floating btn-li mx-1&quot;&gt;
            &lt;img alt=&quot;google_maps&quot; width=&quot;30&quot; src=&quot;{% static '/main/svgs/google-maps.svg' %}&quot;&gt;
          &lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
      &lt;!-- Social buttons --&gt;
  
    &lt;/div&gt;
    &lt;!-- Footer Elements --&gt;
  
    &lt;!-- Copyright --&gt;
    &lt;div class=&quot;footer-copyright text-center text-light py-3&quot;&gt;© 2020 Copyright: All rights reserved.
    &lt;/div&gt;
    &lt;!-- Copyright --&gt;
  
  &lt;/footer&gt;
  &lt;!-- Footer --&gt;
  </code></pre>
  <p>Here's the photo :</p>
  <p><a href="https://i.stack.imgur.com/JXDEB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JXDEB.png" alt="no_desc" /></a></p>