Bootstrap danger class not working for a table row

Question

I have the following table in my Rails app:

<table class='table table-bordered table-hover table-striped'>
    <thead>
      <tr>
        <th>ID</th>
        <th>Status</th>
      </tr>
    </thead>

    <tbody>
      <tr class='danger'>
        <td><%= order.id %></td>
        <td><%= order.status.name %></td>
      </tr>
    </tbody>
  </table>

And the row with class 'danger' doesn't change the color. However, if I use the class 'success' it changes correctly.

I am using the twitter-bootstrap-rails gem.

Answer 1

twitter-bootstrap gem is currently using bootstrap v 2.3.2.

And as per the Bootstrap version 2.3.2 Documentation For Tables following are the available row classes:

Optional row classes

Use contextual classes to color table rows.

.success    Indicates a successful or positive action.
.error      Indicates a dangerous or potentially negative action.
.warning    Indicates a warning that might need attention.
.info       Used as an alternative to the default styles.

Which is why .success worked but NOT .danger.

I suppose you are looking for .error class.

Answer 2

it seems to be a know bug with tables.

Looks like this is a know bug in v3.0.3 and will be fixed in v3.1.0

refer this bug error page and this stack question