title: Justifying Bootstrap navbar-nav list items with even space
body: <p>I have a navbar menu with a few list items. I need even white space between them, and this is difficult for me since some list items are longer than others. 
  <a href="https://i.stack.imgur.com/0bfO3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0bfO3.jpg" alt="enter image description here"></a></p>
  
  <p>I've looked at <a href="https://stackoverflow.com/questions/19073813/how-to-justify-navbar-nav-in-bootstrap-3">this question</a> but it doesn't address my problem, though I did use it for centering and justifying the navbar.</p>
  
  <p>Here is a bootply: <a href="http://www.bootply.com/UjY99PYpe7" rel="nofollow noreferrer">http://www.bootply.com/UjY99PYpe7</a></p>