title: Bootstrap static footer using navbar
body: <p>I use the following code to create a footer using <code>Bootstrap</code>:</p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-fixed-bottom"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;span class="navbar-brand"&gt;Ok Bye&lt;/span&gt;
          &lt;/div&gt;
  
          &lt;p class="navbar-text navbar-right"&gt;company &amp;copy; 2017&lt;/p&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>I want a static <code>footer</code> at the bottom of the page, not one that is visible all the time in the <code>viewport</code>. What is the <code>Bootstrap</code> way to achieve this?</p>