Create responsive Bootstrap navbar with two rows : <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>
