所有列的最小宽度的表，除了一个在bootstrap中拉伸

Question

我正在寻找一种方法来获取引导来制作如下表格：

----------------------------------------------------------|
| name |  date  | message                                 |
----------------------------------------------------------|
| test | 12-12  | this one fills up the rest of the space |
----------------------------------------------------------|
| test | 13-12  | this one fills up the rest of the space |
----------------------------------------------------------|

所有列都应使用其最小宽度，而一列延伸到剩余空间。我试图用col-xs-*实现这一点，但这远非动态解决方案。

有什么建议吗？可以是自定义代码。

由于

Answer 1

您是否可以将width与max-width组合使用？

如果您将<th>设置为某个类或ID（例如名称为<th id="name">，日期为<th id="date">等），则可以完成余下的剩余空间表中的消息。然后在CSS中，执行以下操作：

#name {
  width: 100px;
  max-width: 100px;
}
#date {
  width: 100px;
  max-width: 100px;
}

JSFiddle.