Trying to work with Bootstrap v3 and a simple table, but struggling to adjust the height of specific rows in the table to be smaller than the rest. Adding a specific tr class doesn't seem to do the trick.
Here's the custom CSS I've attempted:
<style type="text/css>
tr.approvers {
height:20px;
}
</style>And here's the HTML table:
<tr>
<td>Acme Widgets</td>
<td>1</td>
<td class="success">Approved</td>
<td>001</td>
</tr>
<tr class="approvers">
<td></td>
<td>John Smith</td>
<td class="success" colspan="2">20/10/2015 14:24:24</td>
<td></td>
</tr>