title: How to center navbar elements vertically (Twitter Bootstrap)?
body: <p>This is my CSS/LESS CSS code so far:</p>
  
  <pre><code>//make navbar taller
  @navbarHeight: 60px;
  
  //make navbar link text 18px
  .navbar-inner {
      font-size: 18px;
  }
  
  //make navbar brand text 36px
  .navbar .brand {
      font-size: 36px;
  }
  </code></pre>
  
  <p>Which produces this:</p>
  
  <p><img src="https://i.stack.imgur.com/BPSzF.png" alt="enter image description here"></p>
  
  <p><em>FYI I'm using the Twitter Bootstrap demo code, I haven't altered the html (aside from changing the brand name).</em></p>
  
  <p>As you can see, the brand name is centered vertically within the navbar like it should be, but the navigation links are not (they're bit higher towards the top). The problem only became apparent once I altered the height of the navbar. How can I get them to be centred vertically (like <a href="http://www.fleetio.com/" rel="noreferrer">this</a> website, for example)?</p>
  
  <p>If it's any help, highlighting the elements in Chrome shows this:</p>
  
  <p><img src="https://i.stack.imgur.com/FBnS5.png" alt="enter image description here"></p>