title: Create responsive Bootstrap navbar with two rows
body: <p>I am trying to create a responsive Bootstrap 3 based navbar with two rows. However, I am having trouble with the structure of the HTML and the collapse functionality.</p>
  
  <p>Below is a visual description of the desired result, and I was hoping someone could point me in the right direction in terms of HTML/CSS (with as much default Bootstrap functionality as possible).</p>
  
  <p><strong>Essentially the menu is desired to do the following:</strong></p>
  
  <ul>
  <li><p>On tablet/desktop devices, the first row is the logo and a menu of
  small secondary links (Link1-3). The second row is the main menu with
  main links (LinkA-E).</p></li>
  <li><p>On mobile, the classic collapse design should
  appear with the logo and hamburger icon. The expanded menu should
  show the main links (LinkA-E) first, and then the secondary links
  (Link1-3) last.</p></li>
  </ul>
  
  <p><strong>Tablet/Desktop device:</strong></p>
  
  <pre><code>|----------------------------------------------------------|
  |  LOGO/BRAND                         Link1  Link2  Link3  |
  |----------------------------------------------------------|
  |  LinkA  LinkB  LinkC  LindD  LinkE                       |
  |----------------------------------------------------------|
  </code></pre>
  
  <p><strong>Mobile device (collapsed):</strong></p>
  
  <pre><code>|--------------------------------------|
  |  LOGO/BRAND               HAMBURGER  |
  |--------------------------------------|
  </code></pre>
  
  <p><strong>Mobile device (expanded):</strong></p>
  
  <pre><code>|--------------------------------------|
  |  LOGO/BRAND               HAMBURGER  |
  |--------------------------------------|
  |  LinkA                               |
  |  LinkB                               |
  |  LinkC                               |
  |  LinkD                               |
  |  LinkE                               |
  |--------------------------------------|
  |  Link1                               |
  |  Link2                               |
  |  Link3                               |
  |--------------------------------------|
  </code></pre>