<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>
<p dir="auto"><strong>Issue in:</strong> <a href="http://getbootstrap.com/components/#navbar" rel="nofollow">Navbar component</a></p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=".navbar-nav.navbar-right:last-child {
  margin-right: -15px;
}"><pre class="notranslate">.<span class="pl-c1">navbar-nav</span>.<span class="pl-c1">navbar-right</span><span class="pl-kos">:</span><span class="pl-c1">last-child</span> {
  <span class="pl-c1">margin-right</span><span class="pl-kos">:</span> <span class="pl-c1">-15<span class="pl-smi">px</span></span>;
}</pre></div>
<p dir="auto">That's the CSS style applied on the right-floating menu items' container. It does its intended job only as long as there's only one <strong><code class="notranslate">&lt;element class=" ... navbar-right"&gt;</code></strong> in the Navbar. Add another and it messes the spacing of the last container ("last" not in HTML but in the order of appearance in browser, considering it's <code class="notranslate">float: right;</code>).</p>
<p dir="auto">The <a href="http://getbootstrap.com/examples/dashboard/" rel="nofollow">Dashboard example template</a> has the necessary items to reproduce the issue. Take a look at the snapshots, they should be self-explanatory.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/3120801/2682509/0637f3a4-c19c-11e3-806e-53709349a75a.png"><img src="https://cloud.githubusercontent.com/assets/3120801/2682509/0637f3a4-c19c-11e3-806e-53709349a75a.png" alt="Screenshot (1)" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/3120801/2682508/0637b5c4-c19c-11e3-8762-a173fc9d3eae.png"><img src="https://cloud.githubusercontent.com/assets/3120801/2682508/0637b5c4-c19c-11e3-8762-a173fc9d3eae.png" alt="Screenshot (2)" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/3120801/2682510/06389d68-c19c-11e3-8da9-df9ea71b6ee8.png"><img src="https://cloud.githubusercontent.com/assets/3120801/2682510/06389d68-c19c-11e3-8da9-df9ea71b6ee8.png" alt="Screenshot (3)" style="max-width: 100%;"></a></p>
<p dir="auto">I am not saying <code class="notranslate">margin-right: -15px;</code> is wrong. It's needed, but doesn't suit all cases like I clearly explained. Manually adding a class like <code class="notranslate">.last-child</code> on the element itself is probably the way to go, but what do I know!</p>