title: Reduce height between Bootstrap form components
body: <p>I am using Twitter Bootstrap and its form components:</p>
  
  <p><a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="nofollow">http://twitter.github.com/bootstrap/base-css.html#forms</a></p>
  
  <p>How do I reduce the vertical distance between two components and also make them smaller?</p>
  
  <p>Example: In the link above, in the 'Validation states', how do I reduce the gap between 'input with warning' row and 'input with error' row, and how do I reduce the height of the text input?</p>