title: Bootstrap 3 - Responsive navbar, how to exclude some items from collapsing
body: <p>I'm new to Bootstrap so I'm having difficulties with responsive navbar. 
  This is what I want to see:
  Brand - search bar - messages/notifications - empty space - links on right side</p>
  
  <p>Everything should collapse on small devices except Brand and messages/notifications.</p>
  
  <p>This is what I've tried: <a href="http://www.bootply.com/HqordmjhNT" rel="nofollow">http://www.bootply.com/HqordmjhNT</a></p>
  
  <p>On previous link searchbar should come before messages/notifications, but what ever I tried to do, searchbar doesn't collapse.</p>
  
  <p>Can someone help me with this?</p>