twitter-bootstrap - 更改列宽 Bootstrap 表

Question

我有一个使用 Bootstrap 的静态 PHP 站点。这些表由 Bootstrap 控制。

我注意到我似乎无法控制 TD 的长度。部分，以便我可以防止电话号码等......如您所见，最后有足够的空间，只是不知道如何将空间分散开。

我在 <th> 上尝试了内联宽度但什么也没发生:

  <table class="table table-condensed table-striped  table-hover">
  <thead>
    <tr>
        <th>#</th>
        <th width="12%">Last Name</th>
        <th width="12%">First Name</th>
        <th width="12%">Spouse's Name</th>
        <th width="20%">Address</th>
        <th width="5%">City</th>
        <th  width="12%"class="did_phone">Phone</th>
        <th width="15%">E-Mail</th>
         <th width="15%"></th>
    </tr>
  </thead>
  <tbody>

那么...如何更改 <td>宽度，进行调整，以便在 Bootstrap 中没有包装？

Answer 1

Bootstrap 制作表格 100% .所以表th设置为 100% .解决方法是让它 auto .所以我只是通过在我的 css 中添加以下内容来覆盖 Bootstrap:

table th {
    width: auto !important;
}

一切都排列得很完美。