title: Twitter-Bootstrap input inline widths (firstname, middlename and lastname)
body: <p>I've been scratching my head for some time now regarding Twitter-Bootstrap input width / CSS classes. I have a form with client address information. I would like to make "Name" (First name, middle name and last name) and inline form/row, where the three input's result in equal width of the rest of the inputs (using <code>class="input-xxlarge"</code>).</p>
  
  <p>When i use the "input-*" (ex. "input-small") on each input, they are either too wide, or too narrow (in total).</p>
  
  <pre><code>&lt;div class="control-group"&gt;
      &lt;label class="control-label" for="FirstName"&gt;Name&lt;/label&gt;
      &lt;div class="controls"&gt;
          &lt;input class="input-small" id="FirstName" name="FirstName" placeholder="First name" type="text" value="" /&gt;
          &lt;input class="input-small" id="MiddleName" name="MiddleName" placeholder="Middle name" type="text" value="" /&gt;
          &lt;input class="input-small" id="LastName" name="LastName" placeholder="Last name" type="text" value="" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/RXGKN/" rel="nofollow">http://jsfiddle.net/RXGKN/</a></p>
  
  <p>Setting a percent width (inline) isn't the solution either. Is there anyone who has been able to do this, so both left and right side fits "perfect" with the rest of the inputs (incl. responsive)?</p>
  
  <p>Is there any way to define a "row" which equals the width of "input-xxlarge", and use spanX (ex. span4) on each input in a "control-group" > "controls".</p>