Bootstrap中的固定宽度表列

Question

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

我使用col-md-1作为具有删除按钮的列，并且其他列上的col-md-x的变体可以正常工作。

有一件事让我感到困惑的是，当我放大浏览器窗口时，col-md-1列会变得很大，因为自举网格设计很有意义。这是一个截图：

但每当我看到它时，它仍然会让我感到烦恼。

是否可以为列提供固定宽度，例如32像素，同时继续使用我真正喜欢的bootstrap的col-md-x功能？

[编辑]可能澄清：我正在寻找最大宽度，例如最小宽度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像素，并在调整大小后保持32像素。怪异！

我很高兴这是有效的，但解决方案让我困惑......

Answer 2

可以在css中创建自己的类并定义你想要的任何内容，并将它与Column类一起使用，例如....

<div class="col-md-1 your-class-here">define some data</div>

使用上述策略，希望它能解决问题......