title: Size of select box in Twitter Bootstrap
body: <p>I'm using Twitter Bootstrap. Select boxes are always narrower than input boxes.  </p>
  
  <p><img src="https://i.stack.imgur.com/hM7Ee.png" alt="enter image description here">  </p>
  
  <p>How can I make them the same width? Adding padding helps, but it looks ugly. </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Here is a little example  - <a href="http://jsfiddle.net/DfY8z/2/" rel="noreferrer">http://jsfiddle.net/DfY8z/2/</a><br>
  Same example with custom class applied - <a href="http://jsfiddle.net/DfY8z/3/" rel="noreferrer">http://jsfiddle.net/DfY8z/3/</a></p>
  
  <p>I can use classes like <code>span3</code>, <code>span4</code> etc. But I want my inputs to fill all available space (and to be the same size) so I'm using custom class.</p>