Bootstrapテーブル行ホバー

Question

ホバー時にBootstrap 3のテーブル行の背景を変更するにはどうすればよいですか。現在使用しているテーブルクラスはtable table-stripedです。テーブル内の<tr>タグに余分なクラスを追加して、この.table-row:hover{background:black;}のようなCSSを作成しようとしました。現在、非ストライプ行のみが機能しています。 bootstrapにこれを簡単に実装できるクラスはありませんか？または、JQueryを使用してこれを修正する必要がありますか？私は本当にこれを自分で理解することはできません。

Answer 1

table-hoverクラスを<table/>要素に追加する必要があります。このような：

<table class="table table-striped table-hover">
    <tbody>
       <tr>
           <td>Col 1</td>
           <td>Col 2 </td>
       </tr>
    </tbody>
</table>

ソース： ドキュメント