title: How do I get full-height bootstrap nav buttons?
body: <p>The default bootstrap nav does this when the screen is too small:</p>
  
  <p><a href="https://i.stack.imgur.com/BvPEg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BvPEg.png" alt="Button too small problem"></a></p>
  
  <p>The gap beneath the 'Hotels' button shouldn't be there when I hover over the link, it's caused by the 'Private Hire' text being too long and pushing the nav down a bit. </p>
  
  <p>Is there any way to get the white background to take up the full height of the nav?</p>