css - Bootstrap 中固定宽度的表格列

Question

我正在为后端应用程序使用 bootstrap 3，该应用程序在表中显示数据。每行的末尾都有一个删除按钮(有时还有一个编辑按钮)。

我对具有删除按钮的列使用 col-md-1，对其他列使用 col-md-x 的变体，效果很好。

让我烦恼的一件事是，当我放大我的浏览器窗口时，col-md-1 列变得很大，由于 Bootstrap 网格设计而有意义。这是一个屏幕截图:

但每次看到它时，它仍然让我心烦意乱。

是否可以在继续使用我非常喜欢的 bootstrap 的 col-md-x 特性的同时，给列一个固定的宽度，例如 32 像素？

[edit] 可能是一个澄清:我正在寻找最大宽度，例如最小宽度 32 和最大宽度 32，那么该列的宽度不应超过 32 像素并且不应缩小到小于 32 像素。

Answer 1

 .tdicon{ width: 32px !important; }

这行不通:

<th class="col-md-6"></th>
<th class="col-md-2"></th>
<th class="col-md-4"></th>
<th class="tdicon">&nbsp;</th>
<th class="tdicon">&nbsp;</th>

但这行得通:

<th class="col-md-6"></th>
<th class="col-md-2"></th>
<th></th>
<th class="tdicon">&nbsp;</th>
<th class="tdicon">&nbsp;</th>

现在 tdicon 列变为 32 px 并在调整大小后保持 32 px。奇怪!

我很高兴这可行，但解决方案让我感到困惑......