Question

我的Rails应用程序中有以下表格：

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

并且排除了班级的危险＆＃39;不会改变颜色。但是，如果我使用班级成功＆＃39;它正确地改变了。

我正在使用twitter-bootstrap-rails gem。

Answer 1

twitter-bootstrap gem目前正在使用bootstrap v 2.3.2。

根据Bootstrap version 2.3.2 Documentation For Tables以下是可用的行类：

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.

这就是.success工作的原因，但不是.danger。

我想你正在寻找.error课程。

Answer 2

它似乎是一个知道桌子的错误。

看起来这是v3.0.3中的一个已知错误，将在v3.1.0中修复

参考this bug error page和此stack question

Answer 3

也许您正在使用旧版本的Bootstrap gem，就像默认gem尚未更新到Bootstrap版本3一样，尝试使用此资源

https://github.com/jasontorres/bootstrap-on-rails

正如@Kirti所说，Bootstrap 2版本的正确类必须是.error而不是.danger观看官方文档：

http://getbootstrap.com/2.3.2/base-css.html#tables

Bootstrap危险等级不适用于表格行

3 个答案: