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像素.
.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"> </th>
<th class="tdicon"> </th>
Run Code Online (Sandbox Code Playgroud)
但这有效:
<th class="col-md-6"></th>
<th class="col-md-2"></th>
<th></th>
<th class="tdicon"> </th>
<th class="tdicon"> </th>
Run Code Online (Sandbox Code Playgroud)
现在,tdicon 列变为 32 px,并在调整大小后保持 32 px。诡异的!
我很高兴这是有效的,但解决方案让我感到困惑......
归档时间: |
|
查看次数: |
13135 次 |
最近记录: |