Question

在我的rails 3.2应用程序中，我必须显示一个表格。所以我使用了twitter bootstrap的类“table table-bordered”来格式化它。然后改变它的行颜色我还使用了类“info”和“成功”描述here。

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

<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

Answer 2

<table class="table table-bordered">
  <thead>
    <tr class="info">
      <th>Your Links</th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
<% @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 %>
  </tbody>
</table>

Twitter Bootstrap在使用而不是更改颜色表标题行的颜色时

2 个答案: