title: Add fixed navigation item at bottom of vertical navigation bar bootstrap
body: <p>I'm using the SBAdmin template for Bootstrap and currently have a vertical navigation bar along the left hand side of the screen. I do, however, want a navigation item at the bottom of the user's screen which I can currently achieve by appending <code>style="bottom: o; position: fixed;"</code> in the <code>&lt;li&gt;</code> tag, as follows:</p>
  
  <pre><code>&lt;li style="bottom: 0; position: fixed; overlay: none;"&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-fw fa-paper-plane-o"&gt;&lt;/i&gt; Bottom Item&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>However, as expected, when the user's screen is smaller and the navigation items get closer together, they overlap.</p>
  
  <p><a href="http://i.stack.imgur.com/Gzg4D.png" rel="nofollow">Normal viewing image</a></p>
  
  <p><a href="http://i.stack.imgur.com/nSisa.png" rel="nofollow">Smaller screen/zoomed in viewing</a></p>
  
  <p>So, if the screen is smaller, then the item will be located at the bottom of the navigation items, but if it's big then it will be stuck at the bottom.</p>
  
  <p>Thanks.</p>