title: How to make footer stay on the bottom of the page bootstrap 4
body: <p>This question may be a repeat!  I'd like my footer to be at the bottom of the page, but not fixed there when I scroll.  I'd like it to be like the footer on the bottom of this page <a href="https://getbootstrap.com/docs/4.1/examples/blog/" rel="nofollow noreferrer">Footer Example</a>.  This is my footer code so far, I've been using bootstrap 4 but I can't find a class to help me with what I want.</p>
  
  <pre><code>&lt;footer&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-google-plus"&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-twitch"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>I'm well aware of the bootstrap class </p>
  
  <p><code>.fixed-bottom</code> but like I said, I don't want the footer to stay when I scroll.</p>