我正在使用 Bootstrap 3 作为后端应用程序,该应用程序在表中显示数据。每行末尾有一个删除按钮(有时还有编辑按钮)。
我对具有删除按钮的列使用 col-md-1,而在其他列上使用 col-md-x 的变体,效果很好。
让我烦恼的一件事是,当我放大浏览器窗口时,col-md-1 列变得很大,由于引导网格设计,这是有意义的。这是一个屏幕截图:
但每次我看到它仍然让我烦恼。
是否可以为列指定固定宽度,例如 32 像素,同时继续使用我真正喜欢的 bootstrap 的 col-md-x 功能?
[编辑]也许需要澄清:我正在寻找最大宽度,例如最小宽度 32 和最大宽度 32,那么该列的宽度不应超过 32 像素,也不应缩小到小于 32 像素。
.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"> </th>
<th class="tdicon"> </th>
但这有效:
<th class="col-md-6"></th>
<th class="col-md-2"></th>
<th></th>
<th class="tdicon"> </th>
<th class="tdicon"> </th>
现在,tdicon 列变为 32 px,并在调整大小后保持 32 px。诡异的!
我很高兴这是有效的,但解决方案让我感到困惑......
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)