title: Change column width bootstrap tables
body: <p>I have a static PHP site I'm using Bootstrap on. The tables are controlled by Bootstrap.</p>
  
  <p>I've noticed that I have seemingly no control over the lengths of the <code>TD</code> sections so that I can prevent the phone numbers, etc..., from wrapping. As you can see there is plenty of space on the end, just don't know how to spread that space out. </p>
  
  <p>I tried inline widths on the <code>&lt;th&gt;</code> but nothing happens:</p>
  
  <pre><code>  &lt;table class="table table-condensed table-striped  table-hover"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;#&lt;/th&gt;
          &lt;th width="12%"&gt;Last Name&lt;/th&gt;
          &lt;th width="12%"&gt;First Name&lt;/th&gt;
          &lt;th width="12%"&gt;Spouse's Name&lt;/th&gt;
          &lt;th width="20%"&gt;Address&lt;/th&gt;
          &lt;th width="5%"&gt;City&lt;/th&gt;
          &lt;th  width="12%"class="did_phone"&gt;Phone&lt;/th&gt;
          &lt;th width="15%"&gt;E-Mail&lt;/th&gt;
           &lt;th width="15%"&gt;&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
  </code></pre>
  
  <p>So... how does one change the <code>&lt;td&gt;</code> widths, make adjustments so there is no wrapping, in Bootstrap?</p>