Twitter Bootstrap не меняет цвет строки заголовка таблицы цветов при использовании вместо

в моем приложении rails 3.2 я должен отобразить таблицу. Поэтому я использовал класс Twitter bootstrap "таблица каемкой" форматировать ее. И затем, чтобы изменить цвет строк, я также использовал класс "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>

угадайте, что он меняет все цвета строк, кроме первой строки, которая является главной строкой таблицы. Но когда изменили "" в "" затем он работает нормально. Но поскольку это просто строка, а не строка заголовка таблицы, поэтому шрифты не являются жирным шрифтом.

Итак, как изменить цвет строки заголовка без использования вместо ??

спасибо...

6
ruby-on-rails-3.2 twitter-bootstrap

2 ответов

в bootstrap нет css для добавления .info или .success в заголовке таблицы. Вы должны сами установить правило.

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

jsfiddle

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