Bootstrap中的固定宽度表列

Tin*_*Sky 6 css twitter-bootstrap

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

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

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

在此输入图像描述

但是每当我看到它时它仍然会让我感到烦恼.

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

[编辑]可能澄清:我正在寻找最大宽度,例如最小宽度32和最大宽度32,然后列不应该增长到超过32像素,并且不应缩小到小于32像素.

Tin*_*Sky 4

 .tdicon{ width: 32px !important; }
Run Code Online (Sandbox Code Playgroud)

这不起作用:

<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>
Run Code Online (Sandbox Code Playgroud)

但这有效:

<th class="col-md-6"></th>
<th class="col-md-2"></th>
<th></th>
<th class="tdicon">&nbsp;</th>
<th class="tdicon">&nbsp;</th>
Run Code Online (Sandbox Code Playgroud)

现在,tdicon 列变为 32 px,并在调整大小后保持 32 px。诡异的!

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