title: Bootstrap footer not at bottom
body: <p>I am attempting to enforce that my footer goes at the bottom of my website. I do not want it to stick when I scroll, just to appear at the bottom when scrolling down the webpage.</p>
  
  <p>Currently - the webpage displays with the footer sitting beneath the content.
  I have added such code as <code>bottom:0;</code> and found that it sticks and does not suit my website. I have also added such code as <code>html, body { height:100%;}</code> as viewed on other stackoverflow questions - but have had no joy.</p>
  
  <p>Any advice would be appreciated.</p>
  
  <p><strong>Code</strong>: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    .footer {
       background: #F37A1D;
          position : absolute;
       width: 100%;
       border-top: 3px solid #F37A1D;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="footer"&gt;
      &lt;div class="container"&gt;
              &lt;p&gt;&amp;copy; COMPAY 2015&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>