title: Perfect 100% width of parent container for a Bootstrap input?
body: <p>How do I make a Bootstrap input field be exactly 100% as wide as its parent?</p>
  
  <p>As steve-obrien wrote in <a href="https://github.com/twitter/bootstrap/issues/1058" rel="noreferrer">Bootstrap Issue #1058</a>:</p>
  
  <blockquote>
    <p>Setting to 100% does not work when applied directly to an input field as it does not take in to account the padding. So you end up with 100% of the container plus the padding on the input box, so the input box usually breaks outside its container.</p>
  </blockquote>
  
  <p>That ticket offers various solutions, but I'm looking for the best way to do it -- preferably a CSS class already provided by Bootstrap.</p>