Para Bootstrap 4.0:
En Bootstrap 4.0.0 no puede usar las col-*
clases de manera confiable (funciona en Firefox, pero no en Chrome). Debe usar la respuesta de OhadR :
<tr>
<th style="width: 16.66%">Col 1</th>
<th style="width: 25%">Col 2</th>
<th style="width: 50%">Col 4</th>
<th style="width: 8.33%">Col 5</th>
</tr>
Para Bootstrap 3.0:
Con twitter bootstrap 3 use: class="col-md-*"
donde * es un número de columnas de ancho.
<tr class="something">
<td class="col-md-2">A</td>
<td class="col-md-3">B</td>
<td class="col-md-6">C</td>
<td class="col-md-1">D</td>
</tr>
Para Bootstrap 2.0:
Con twitter bootstrap 2 use: class="span*"
donde * es un número de columnas de ancho.
<tr class="something">
<td class="span2">A</td>
<td class="span3">B</td>
<td class="span6">C</td>
<td class="span1">D</td>
</tr>
** Si tiene <th>
elementos, establezca el ancho allí y no en los <td>
elementos.
style="width: 1% !important;"
para hacer que el ancho sea tan estrecho como la palabra más larga en la columna, es útil para la primera columna ID / #. Probado en Chrome (escritorio y móvil), opera (escritorio), IE (escritorio), edge (escritorio), firefox (escritorio)