Question

我想修复Bootstrap表中特定列的宽度。我已经尝试了在文档和论坛上找到的所有内容：

根据Bootstrap Table documentation将data-width属性添加到<th>标记：

<th data-width= 20 data-field="0" data-sortable="true" data-align="left" data-valign="middle">Car Model</th>

将class="col-xs-4"添加到<th>代码：

<th class="col-xs-4" data-field="0" data-sortable="true" data-align="left" data-valign="middle">Car Model</th>

最后，更改列的CSS属性：

.table tr td:nth-child(3) {width:50%;}

不幸的是，上述方法都没有奏效。我想知道我是否编写了错误的代码，或者我的某些代码是否相互冲突。我非常感谢你的帮助！

这是我的表：

Answer 1

表格单元格按照建议使用您的尺寸，如果可以的话尝试使用它们，但如果内容不允许，那么您的尺寸不会受到尊重.....除非您在您的桌子上使用以下属性：

table-layout: fixed

我可能会稍微过度简化，请阅读更多有关其工作原因的确切原因（假设您的第一行包含少量文本 - 通常因为它们通常是列标题而执行此操作），此处：