title: Centered navbar with left logo
body: <p>I'm trying to have a centered navbar, with a logo floated to the left.</p>
  
  <p>Here's a good example: <a href="http://www.bootply.com/98314" rel="nofollow">http://www.bootply.com/98314</a></p>
  
  <p>I want something similar to that example, but to instead swap the left-floated items with the Brand. I will keep the right-floated items there.</p>
  
  <p>I currently have this: <a href="http://www.bootply.com/p6XOQQFZQT" rel="nofollow">http://www.bootply.com/p6XOQQFZQT</a> (don't worry about the not vertically aligned text)</p>
  
  <p>As you can see, if you remove the floated-left element, the navbar centers, meaning that with the floated-left element included, the navbar is not truly centered on the page.</p>
  
  <p>I think I need to have the navigation elements' position absolute so that they stick in the middle, but each time I do this it just removes the entire navbar background and you barely see the text.</p>
  
  <p>I appreciate any and all help!</p>