Stałe kolumny tabeli szerokości w Bootstrapie

Question

Używam bootstrap 3 do aplikacji backendowej, ta aplikacja wyświetla dane w tabelach. Na końcu każdego wiersza znajduje się przycisk usuwania (a czasami także przycisk edycji).

Używam col-md-1 dla kolumny, która ma przycisk kasowania, a odmiany col-md-x dla innych kolumn działają bez zarzutu.

Jedną z rzeczy, która mnie trapi jest to, że kiedy powiększam okno przeglądarki kolumna col-md-1 staje się ogromna, ma sens z powodu projektowania siatki początkowej. Oto zrzut ekranu:

ale jeszcze robaki mnie za każdym razem patrzę na niego.

Czy możliwe jest nadanie kolumnie stałej szerokości, na przykład 32 pikseli, przy jednoczesnym użyciu funkcji col-md-x z bootstrapem, która naprawdę mi się podoba?

[edytuj] może wyjaśnienie: szukam maksymalnej szerokości, na przykład min szerokości 32 i maksymalnej szerokości 32, wtedy kolumna nie powinna rosnąć szersza niż 32 piksele i nie powinna zmniejszać się do mniej niż 32 piksele .

Answer 1

.tdicon{ width: 32px !important; } 

to nie działa:

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

Ale to działa:

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

Teraz kolumna tdicon staje się 32 px i pozostaje po zmianie rozmiaru 32 px. Dziwne!

Cieszę się, że to działa, ale rozwiązanie mnie myli ...

Answer 2

to możliwe, stworzyć własną klasę CSS i określić, co chcesz i używać go z klasy kolumny, na przykład ....

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

użyć powyższej strategii, nadzieję, że to rozwiąże problem ...