title: Fixed table row width with Bootstrap
body: <p>I'm using bootstrap (<a href="http://twitter.github.com/bootstrap/index.html" rel="nofollow">link</a>) on my site, but i'm a little bit confused about the using of tables. Before bootraps all my table TD cells had dynamic widths, so the TD had a bigger width if the content was a long sentence and smaller if it was only a 11 character long text input. But right now all my TD elements has the same width and I can't find the way, how to change this...</p>
  
  <p>This is my table:</p>
  
  <pre><code>&lt;table id="table1" style="padding-top:10px;"&gt;
      &lt;tr&gt;
          &lt;td colspan="6" style="text-align:center;"&gt;TITLE&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3" style="text-align:center;"&gt;SUBTITLE 1&lt;/td&gt;
          &lt;td colspan="3" style="text-align:center;"&gt;SUBTITLE 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="text-align:left;"&gt;&lt;b&gt;A.&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;Data title 1&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" maxlength="11" size="11" name="input_a"&gt;&lt;/td&gt;
          &lt;td style="text-align:left;"&gt;&lt;b&gt;D.&lt;/b&gt;&lt;/td&gt;
          &lt;td&gt;Data title 2&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" maxlength="11" size="11" name="input_b"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  ...
  &lt;/table&gt;
  </code></pre>
  
  <p>So I want to have the "Data title X" cell have bigger width as the cell which has the input text field smaller. If I give them manually the style="width:xyzpx;" attribute it didn't change anything.</p>
  
  <p>Can it be done somehow?</p>