title: Bootstrap navbar-fixed-top height
body: <p><strong>How to set up a custom height (for example <code>40px</code> instead of <code>50px</code>) for a Bootstrap <code>navbar-fixed-top</code> with CSS code ?</strong></p>
  
  <p>I tried :</p>
  
  <pre><code>.navbar {
     height: 40px;
     min-height: 40px;
  }
  </code></pre>
  
  <p>but then the text elements are not vertically centered in the <code>navbar</code>.</p>
  
  <p>Jsfiddle : <a href="http://jsfiddle.net/xg8swcwc/embedded/result/" rel="nofollow noreferrer">http://jsfiddle.net/xg8swcwc/embedded/result/</a></p>
  
  <p><em>Note : <a href="https://stackoverflow.com/questions/13576866/twitter-bootstrap-navbar-fixed-bottom-custom-height">This</a> question gives its answer with <a href="http://getbootstrap.com/customize/" rel="nofollow noreferrer">http://getbootstrap.com/customize/</a>, which needs recompiling a CSS with LESS, which is not what is asked here.</em></p>