Twitter bootstrap - Ustaw wiersz tabeli nieaktywny

Question

Witam Chcę, aby wiersz w tabeli był nieaktywny. Nawet jeśli łatwo jest zhakować przez siebie i dodać niestandardowe css z tym samym kolorem nieaktywnych elementów mojego bieżącego motywu, myślę, że może on być obsługiwany przez sam bootstrap.

Wszelkie sugestie?

Answer 1

Bootstrap ma kilka elementów może pomocne znaleźć:

---

użyć klas kontekstowych zmieniać kolory wierszy:

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

---

używać kolorów kontekstowych, aby zmienić kolor tekstu:

<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

---

Element niepełnosprawnych jest podstawowy dla elementów formularzy i przycisków. Sprawdź, czy tu,

Answer 2

Czy wiersz tabeli zawiera jakieś dane wejściowe? Jeśli tak, dodaj wyłączony atrybut HTML5 do danych wejściowych i może sprawić, że tekst w tym wierszu będzie wyszarzony, aby pokazać, że jest on nieaktywny? Pomysł ...

I.E.

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

Pracowałem trochę z Twitter Bootstrap i nie widziałem żadnej z tych funkcji.

Answer 3

I utworzeniu niestandardowej klasy table-inactive:

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