title: Extend nav-bar out to fit content that is out farther
body: <p>I have 2 pages for my site. One a forum, another is my homepage. I have the homepage all setup, but the forum will require a bit of modification to the nav bar. I have the nav bar from the homepage mirrored to the forum so that the styles match nicely, but I made the forum wider because the forum needs more space for content and tables. I have tried numerous times to do this, to no avail.</p>
  
  <p>Since the forum is not a static page, I have put the homepage on JSBin instead. They both use the same exact nav bar. This is Bootstrap 3, by the way.</p>
  
  <p>Here is what I want it to look like (sorry for not embedding in post, need 10 rep): <a href="http://i.imgur.com/dlXaOZ8.png" rel="nofollow">http://i.imgur.com/dlXaOZ8.png</a></p>
  
  <p>Here is the JSBin: <a href="http://jsbin.com/fexowifica/1/" rel="nofollow">http://jsbin.com/fexowifica/1/</a></p>
  
  <p>I just need to know how to make that extend out wider like seen in the image, but it won't actually be applied to the homepage nav bar, it will be applied to the forum nav bar that is seen in the image.</p>
  
  <p>Thanks!</p>