wake-up-neo.com

Bootstrap Tabellenzeilen schweben

Wie mache ich die Hintergrundänderung einer Tabellenzeile in Bootstrap 3 Beim Hover. Die Tabellenklasse, die ich gerade benutze, ist table table-striped. Ich habe versucht, den <tr> - Tags in der Tabelle eine zusätzliche Klasse hinzuzufügen, und habe die CSS folgendermaßen erstellt .table-row:hover{background:black;}. Jetzt funktionieren nur die nicht gestreiften Zeilen. Gibt es nicht eine Klasse in bootstrap, mit der ich das einfach implementieren kann? Oder sollte ich JQuery verwenden, um das zu beheben? Ich kann das wirklich nicht selbst herausfinden.

60
user6827

Sie müssen das table-hover Klasse zum <table/> Element. So was:

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

Quelle: Dokumentation

136
jraede