title: Bootstrap Fixed Bottom Nav Hiding Content
body: <p>Prenote: Other solutions have not helped. I am seeking a personal solution.</p>
  
  <p>I am using a bootstrap fixed bottom nav, and when my content overflows to the bottom of the page and a scrollbar appears, some content at the very bottom is hidden behind the fixed nav. Here is my fixed nav code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-bottom navbar-padded"&gt;
  
  &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;a class="navbar-brand" href="landing.php"&gt;MSQUARE.COM&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;&lt;a href="index2.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;ul class="nav navbar-nav navbar-right"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-log-in"&gt;&lt;/span&gt;&amp;nbsp; Login&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/nav&gt;
  </code></pre>
  
  <p>So... I have a jumbotron, a panel, and then a carousel after my nav.
  How can I fix my problem?</p>