title: Navbar does not show submenu
body: <p>How do I turn the tab UI into a dropdown menu? I have the following bootstrap navbar fixed at bottom with 2 submenu items (page 1 and page 2). But, when I click on "One" it does not show the submenu items. 
  <a href="http://www.z1labs.com/tabsnavigation.html" rel="nofollow noreferrer">Here</a> is the page and view source code shows the style and js being used. Thank you.</p>
  
  <pre><code>     &lt;nav class="navbar navbar-inverse fixed-bottom"&gt;
  
          &lt;ul class="nav navbar-nav" id="tabs"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown"&gt;&lt;a href="#" name="tab1" class="dropdown-toggle" type="button" data-toggle="dropdown"&gt;One&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;page 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;page 2&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#" name="tab2"&gt;Two&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" name="tab3"&gt;Three&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" name="tab4"&gt;Four&lt;/a&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
  
      &lt;/nav&gt;
  </code></pre>