title: Bootstrap navbar with two rows
body: <p>I am wanting to have a Bootstrap 3 navbar that has two rows with navigation elements, and with navbar-brand spanning both rows. On SM+ screen sizes both rows are visible. On XS screen sizes the second row collapses and shows the icon-bar to open.</p>
  
  <p>SM+</p>
  
  <pre><code>+-------------------------------------------------------------------------------+
  |               |                                             Nav-A-1  Nav-A-2  |
  |  SITE LOGO    |---------------------------------------------------------------+
  |               |  Nav-B-1  Nav-B-2 Nav-B-3 Nav-B-4                 Form-Right  |
  +-------------------------------------------------------------------------------+
  </code></pre>
  
  <p>XS</p>
  
  <pre><code>+-------------------------------------------------------------------------------+
  |               |                                             Nav-A-1  Nav-A-2  |
  |  SITE LOGO    |---------------------------------------------------------------+
  |               |  Nav-Collapsed                                     Hamburger  |
  +-------------------------------------------------------------------------------+
  </code></pre>
  
  <p>How could this be done with the navbar?</p>