<p dir="auto"><a href="http://bootply.com/94624" rel="nofollow">http://bootply.com/94624</a></p>
<p dir="auto">I can't get them to align correct even if I remove the list (Home) and leave only the buttons.</p>
<p dir="auto">A regular size button is properly vertically centered in a navbar:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary navbar-btn&quot; &gt;
  Save
&lt;/button&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">type</span>="<span class="pl-s">submit</span>" <span class="pl-c1">class</span>="<span class="pl-s">btn btn-primary navbar-btn</span>" <span class="pl-kos">&gt;</span>
  Save
<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">A xs button is NOT properly vertically centered in a navbar:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary btn-xs navbar-btn&quot; &gt;
  Save
&lt;/button&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">type</span>="<span class="pl-s">submit</span>" <span class="pl-c1">class</span>="<span class="pl-s">btn btn-primary btn-xs navbar-btn</span>" <span class="pl-kos">&gt;</span>
  Save
<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">css fix:</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=".btn-xs.navbar-btn {
    margin-top: 12px;
}"><pre class="notranslate">.<span class="pl-c1">btn-xs</span>.<span class="pl-c1">navbar-btn</span> {
    <span class="pl-c1">margin-top</span><span class="pl-kos">:</span> <span class="pl-c1">12<span class="pl-smi">px</span></span>;
}</pre></div>
<p dir="auto">(And this kind of thing most likely applies to other button sizes)</p>