title: Bootstrap - top navbar with tabs
body: <p>I am trying to incorporate tabular structure into my Bootstrap navbar.  Currently I have the following setup:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-static-top"&gt;
  
        &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;div class="navbar-brand"&gt;
              &lt;i class="fa fa-cog"&gt;&lt;/i&gt; Settings
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container collapse navbar-collapse"&gt;
            &lt;ul class="nav nav-tabs "&gt;
              &lt;li&gt;&lt;a href="#/menu1"&gt;MENU-ITEMS1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#/menu2"&gt;MENU-ITEMS2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#/menu3"&gt;MENU-ITEMS3&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#/menu4"&gt;MENU-ITEMS4&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I am getting my tabs vertically aligned on top, however I need them on the bottom of my navbar.</p>
  
  <p>The following Bootply demonstrates the problem:
  <a href="http://www.bootply.com/ouKLqFBeqj" rel="nofollow">http://www.bootply.com/ouKLqFBeqj</a></p>