title: Input widths on Bootstrap 3
body: <p><strong>Update again:</strong> I am closing this question by selecting the top answer to keep people from adding answers without really understanding the question. In reality there is no way to do it with the build in functionality without using grid or adding extra css. Grids do not work well if you are dealing with <code>help-block</code> elements that need to go beyond a short input for example but they are 'build-in'. If that is an issue I recommend using extra css classes which you can find in the BS3 discussion <a href="https://github.com/twbs/bootstrap/issues/10311" rel="noreferrer">here</a>. Now that BS4 is out it is possible to use the included <a href="https://getbootstrap.com/docs/4.0/utilities/sizing/" rel="noreferrer">sizing</a> styles to manage this so this is not going to be relevant for much longer. Thanks all for good input on this popular SO question.</p>
  
  <p><strong>Update:</strong> This question remains open because it is about <em>built-in</em> functionality in BS to manage input width without resorting to grid (sometimes they have to be managed independently). I already use custom classes to manage this so this is not a how-to on basic css.  The task is in BS <a href="https://github.com/twbs/bootstrap/issues/9397" rel="noreferrer">feature discussion list</a> and has yet to be addressed. </p>
  
  <p><strong>Original Question:</strong>
  Anyone figure out a way to manage input width on BS 3?  I'm currently using some custom classes to add that functionality but I may have missed some non documented options.</p>
  
  <p>Current docs say to use .col-lg-x but that clearly doesn't work as it can only be applied to the container div which then causes all kinds of layout/float issues. </p>
  
  <p>Here's a fiddle. Weird is that on the fiddle I can't even get the form-group to resize.</p>
  
  <p><a href="http://jsfiddle.net/tX3ae/" rel="noreferrer">http://jsfiddle.net/tX3ae/</a></p>
  
  <pre><code>&lt;form role="form" class="row"&gt;
      &lt;div class="form-group col-lg-1"&gt;
          &lt;label for="code"&gt;Name&lt;/label&gt;
          &lt;input type="text" class="form-control"&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group col-lg-1 "&gt;
          &lt;label for="code"&gt;Email&lt;/label&gt;
          &lt;input type="text" class="form-control input-normal"&gt;
      &lt;/div&gt;
  
      &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>