title: Disable Bootstrap 3 navbar going 2 rows in medium viewport size
body: <p>My Bootstrap 3 navbar is 1 row on a large viewport. Then when I start to shrink the browser window, it switches to 2 row, where the right content ("Hello username", "Log off") is in the second row.</p>
  
  <p>Then after more resize, it becomes 1 row again with the menu items disappeared and the menu button present only.</p>
  
  <p>How can I skip the 2 row phase?</p>