Twitter bootstrap Can'；t调整引导表行高度

我想将表格行的高度调整为24px。我试着将行高放在CSS的顶部，并将其内联编写

CSS:

HTML:

等级
申请人
#登记
目录

---

但是，似乎没有任何东西可以使表行调整高度。我在这里做错了什么？

将您的表内容包装在一个div中，像这样，单元格填充为24

<table cellpadding="24">
    <thead id='dontMove'> 
        <tr id='theRow'>
            <th>Rank</th>
            <th>Applicants</th>
            <th># Enrolled</th>
        </tr>
    </thead>
    <tbody style='font-size: 12px;'> 
        <tr style='height: 24px;'>
            <td style='height: 20px;'>Contents</td>
        </tr>
    </tbody>
</table>

等级
申请人
#登记
目录

参考此示例：

<table>

    <thead id='dontMove'>

        <tr id='theRow'>

            <th>Rank</th>
            <th>Applicants</th>
            <th># Enrolled</th>

        </tr>

    </thead>

    <tbody style='font-size: 12px;'>

        <tr style='height: 24px;'>

            <td style='height: 20px;'>Contents</td>

        </tr>

        <!-- rest of table contents -->

    </tbody>

</table>

<table cellpadding="24">
    <thead id='dontMove'> 
        <tr id='theRow'>
            <th>Rank</th>
            <th>Applicants</th>
            <th># Enrolled</th>
        </tr>
    </thead>
    <tbody style='font-size: 12px;'> 
        <tr style='height: 24px;'>
            <td style='height: 20px;'>Contents</td>
        </tr>
    </tbody>
</table>