<p dir="auto">This CSS line is incorrect:</p>
<p dir="auto">.navbar-nav.navbar-right:last-child{margin-right:-15px}</p>
<p dir="auto">Because the navbar-right floats right, the last child is actually the first menu item within the  menu:</p>
<p dir="auto">[last-child] [middle child] [first child]</p>
<p dir="auto">Therefore, the left menu option sits too close to the middle menu option.  Instead, the CSS should be:</p>
<p dir="auto">.navbar-nav.navbar-right:first-child{margin-right:-15px}</p>
<p dir="auto">This makes the item all the way to the right be closer to the edge and spaces all menu items evently.</p>
<p dir="auto">If you have a navbar with navbar-fixed-top, and items in a navbar-right, the last item hangs over the container by 15px. You can see this with the example on the getbootstrap site: <a href="http://getbootstrap.com/examples/navbar-fixed-top/" rel="nofollow">http://getbootstrap.com/examples/navbar-fixed-top/</a></p>