Bootstrap di Twitter - Rendi inattiva una riga della tabella

Question

Ciao Voglio fare una riga in una tabella inattiva. Anche se è facile da hackerare da solo e aggiungere un css personalizzato con lo stesso colore degli elementi inattivi del mio tema corrente, penso che possa essere gestito dallo stesso bootstrap.

Qualche suggerimento?

Answer 1

Bootstrap ha alcuni elementi si potrebbe trovare utile:

---

Utilizzare classi contestuali per cambiare i colori delle righe:

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

---

Utilizzare colori contestuali per modificare la colore del testo:

<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

---

L'elemento disabilitato è primario per elementi dei moduli e pulsanti. Verificare che qui,

Answer 2

La riga della tabella contiene input? In tal caso, aggiungi l'attributo HTML5 disabilitato all'input e forse rendi il testo in quella riga in grigio per mostrare che è inattivo? Solo un'idea ..

I.E.

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

Ho lavorato con Twitter Bootstrap un po 'e non ho visto nessuna di queste funzionalità.

Answer 3

Ho creato una classe personalizzata table-inactive:

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