title: Bootstrap dropdown menu - display second bootstrap navbar
body: <p>I have a Bootstrap 3 <code>navbar</code> with the out of the box <code>dropdown-menu</code> functionality</p>
  
  <p>Is there a way to have a second navbar which is displayed/transitioned on the <code>dropdown-toggle</code> of the button? We would like to have the nicely formatted </p>
  
  <pre><code>&lt;nav class="navbar navbar-default"&gt;
    &lt;div class="container"&gt;
  </code></pre>
  
  <p>with our sub-menu items displayed. Similar to how the <a href="http://www.bbc.co.uk" rel="nofollow">www.bbc.co.uk</a> site works when you click the "More" button - the second centralised navbar is displayed rather than the <code>dropdown-menu</code> (and hidden when the button is pressed again)</p>