title: Bootstrap footer covering content
body: <p>I have been trying to fix this issue for days. I see a lot questions about it, but none of the solutions seem to be working for me. </p>
  
  <p>I have a website that has a Bootstrap 3 front end. I want a sticky bottom footer and I'm using Bootstrap's <code>navbar navbar-fixed-bottom</code> styles to achieve this. It is working, but the problem is that the content will overlap with the footer when there is not enough room. I want to be able to scroll the content with the footer and header fixed and I don't want the footer to scroll with the content.</p>
  
  <p><a href="http://edvance.com.crowfoot.arvixe.com/account/signup" rel="nofollow">Here is the site</a>. You can resize the height of your browser to see what I'm talking about.</p>
  
  <p>Any help would be appreciated!</p>