title: Creating a responsive 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>DESKTOP :</p>
  
  <pre><code>|---------------------------------------------------------------|
  | LOGO | (MD DROPDOWN MENU)|            | A-Option1 | A-Option2 |
  |---------------------------------------------------------------|
  |                                       | B-Option1 | B-Option2 |    
  |---------------------------------------------------------------|
  </code></pre>
  
  <p>MOBILE</p>
  
  <pre><code>|----------------------------------------|
  | LOGO |            |A-Option1|A-Option2 |
  |----------------------------------------|
  | (MD DROPDOWN MENU)|         HaMBuRGER  |  
  |----------------------------------------|
  </code></pre>
  
  <p>Thanks a lot for your help</p>