Проста схема:
<tr class="something">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
Трябва да настроя фиксирана ширина за <td>
. Опитах:
tr.something {
td {
width: 90px;
}
}
Също така
td.something {
width: 90px;
}
за
<td class="something">B</td>
И дори
<td style="width: 90px;">B</td>
Но ширината на <td>
е все същата.
Ако използвате <table class="table">
за вашата таблица, класът Bootstrap'table добавя ширина от 100% към таблицата. Трябва да промените ширината на auto.
Също така, ако първият ред на вашата таблица е заглавен ред, може да се наложи да добавите ширината към th, а не към td.
Добре, току-що разбрах къде е проблемът - в Bootstrap е зададена като стойност по подразбиране широчина
за елемента избор
, следователно решението е:
tr. something {
td {
select {
width: 90px;
}
}
}
Всичко останало не ми върши работа.
Трудно е да се прецени без контекста на html страницата или останалата част от CSS. Възможно е да има милиони причини, поради които вашето CSS правило не влияе на елемента td.
Опитвали ли сте по-специфични CSS селектори, като например
tr.somethingontrlevel td.something {
width: 90px;
}
За да избегнете заместването на вашия CSS от по-специфично правило от bootstrap css.
(между другото, във вашата инлайн css извадка с атрибута style сте изписали грешно width - това може да обясни защо този опит се е провалил!)