title: Input width in bootstrap table always using max width
body: <p>Ok I was trying to do a table with input fields. To set the sizes of each field I understood that I had to set the col-size in the header.</p>
  
  <pre><code>&lt;thead&gt;
      &lt;tr&gt;
          &lt;th class="col-sm-2"&gt;Large&lt;/th&gt;
          &lt;th class="col-sm-2"&gt;Large&lt;/th&gt;
          &lt;th class="col-sm-1"&gt;Small&lt;/th&gt;
          &lt;th class="col-sm-2"&gt;Large&lt;/th&gt;
          &lt;th class="col-sm-1"&gt;Small&lt;/th&gt;
          &lt;th class="col-sm-2"&gt;Large&lt;/th&gt;
          &lt;th class="col-sm-2"&gt;Large&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>However the inputs expand to their max width with no regard to col-size.</p>
  
  <p><a href="http://jsfiddle.net/m79HR/" rel="nofollow">http://jsfiddle.net/m79HR/</a></p>
  
  <p>Possibly this is an improper use of Bootstrap but I saw it as a best bet for inline inputs with headers above.</p>
  
  <p>Also, lets say I want this particular grid to have 18 columns instead of the default 12 is that possible here just in this particular case?</p>