Cố định cột bảng chiều rộng trong Bootstrap

Question

Tôi đang sử dụng bootstrap 3 cho một ứng dụng phụ trợ, ứng dụng này hiển thị dữ liệu trong bảng. Vào cuối mỗi hàng có một nút xóa (và đôi khi cũng là một nút chỉnh sửa).

Tôi sử dụng col-md-1 cho cột có nút xóa và các biến thể của col-md-x trên các cột khác, hoạt động tốt.

Một điều khiến tôi lo ngại là khi tôi phóng to cửa sổ trình duyệt, cột col-md-1 trở nên rất lớn, có ý nghĩa vì thiết kế lưới khởi động. Dưới đây là một ảnh chụp màn hình:

Nhưng nó vẫn làm tôi phát cáu mỗi khi tôi nhìn vào nó.

Có thể cung cấp cho cột một chiều rộng cố định, ví dụ 32 pixel, trong khi tiếp tục sử dụng tính năng col-md-x của bootstrap mà tôi thực sự thích?

[sửa] có thể làm rõ: Tôi đang tìm chiều rộng tối đa, ví dụ: chiều rộng tối thiểu 32 và chiều rộng tối đa 32, thì cột không được lớn hơn 32 px và không được co nhỏ hơn 32 px .

Answer 1

.tdicon{ width: 32px !important; } 

này không hoạt động:

<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> 

Nhưng công trình này:

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

Cột tdicon trở thành 32 px và giữ 32 px sau khi thay đổi kích thước. Kỳ dị!

Tôi vui vì điều đó có tác dụng, nhưng giải pháp làm tôi bối rối ...

Answer 2

nó có thể, làm cho lớp của riêng bạn trong css và xác định bất cứ điều gì bạn muốn và sử dụng nó với lớp Cột, ví dụ ....

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

sử dụng chiến lược trên, hy vọng nó sẽ giải quyết vấn đề ...