使用<th>而不是<td>时,Twitter Bootstrap不会更改颜色表标题行的颜色

Question

在我的rails 3.2应用程序中,我必须显示一个表.所以我用twitter bootstrap的类"table table-bordered"来格式化它.然后改变它的行颜色我也使用了这里描述的"info"和"success"类.

我页面中的表格代码如下: -

<table class="table table-bordered">
  <tr class="info">
    <th>Your Links</th>
    <th></th>
    <th></th>
    <th></th>
  </tr>

<% @links.each do |link| %>
  <tr class="success">
    <td><%= link_to linkbunch_url(link.link), linkbunch_url(link.link) %></td>
    <td><%= link_to 'Show', linkbunch_url(link.link) %></td>
    <td><%= link_to 'Edit', edit_url(link.link) %></td>
    <td><%= link_to 'Destroy', destroy_url(link.link), method: :delete, data: { confirm: 'Are you sure ?' } %></td>
  </tr>
<% end %>
</table>

猜猜除了作为表头行的第一行之外,它正在改变所有行颜色.但是,当改变了""到""那么它的正常工作.但是因为它只是一个简单的行而不是表头行,所以它的字体不是粗体.

那么如何在不使用的情况下更改标题行的颜色 代替 ??

谢谢...

Answer 1

在引导程序中没有用于添加.info或.success表头的css .你必须自己制定规则.

.table tbody tr.info th {
    background-color: #d9edf7;
}

的jsfiddle