Twitter bootstrap - Make a table row inactive

Question

Hi I want to make a row in a table inactive. Even if it is easy to hack by myself and add a custom css with the same colour of the inactive elements of my current theme I think it can be handles by bootstrap itself.

Any suggestions?

Answer 1

Bootstrap has a few elements you might find helpful:

---

Use contextual classes to change row colors:

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

---

Use contextual colors to change the color of text:

<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

---

The disabled element is primary for form elements and buttons. Check that out here,