Twitter bootstrap - Сделать строку таблицы неактивной

Привет, я хочу сделать строку в таблице неактивной. Даже если это легко взломать самостоятельно и добавить пользовательский CSS с тем же цветом неактивных элементов моей текущей темы, я думаю, что это может быть ручка самого бутстрапа.

Любые предложения?

Ответ 1

В Bootstrap есть несколько элементов, которые могут вам помочь:

Используйте контекстные классы для изменения цветов строк:

<!-- On rows -->
<tr class="active">...</tr>
<tr class="success">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="active">...</td>
  <td class="success">...</td>
  <td class="warning">...</td>
  <td class="danger">...</td>
  <td class="info">...</td>
</tr>

http://getbootstrap.com/css/#tables-contextual-classes

Используйте контекстные цвета для изменения цвета текста:

<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>

http://getbootstrap.com/css/#helper-classes-colors

Отключенный элемент является основным для элементов и кнопок формы. Проверьте это здесь,

Ответ 2

В строке таблицы содержатся какие-либо входы? Если да, добавьте отключенный атрибут HTML5 на вход и, возможно, сделайте текст в этой строке greyed out, чтобы показать, что он неактивен? Просто идея..

т.е.

<tr>
   <td style="color:grey;">Sample Text</td>
   <td><input type="text" disabled/></td>
</tr>

Я немного работал с Twitter Bootstrap и не видел ни одной из этих функций.

Ответ 3

Я создал пользовательский класс table-inactive:

.table-inactive td {
    background-color: #ececec;
    color: #b9b9b9;
}