使用twitter bootstrap表中的按钮更改行宽

时间:2013-07-31 18:32:44

标签: twitter-bootstrap button twitter

当我输入这个时,我做了一个愚蠢的拼写错误而不是高度!

我在twitter bootstrap表的每一行都使用按钮。我正在使用table class table-condensed和button class btn-mini。问题是,当我插入按钮时,行的高度几乎加倍。我找不到导致这种情况的原因似乎没有专门附加到按钮上的边距,填充或线宽。

1 个答案:

答案 0 :(得分:0)

<table class="table table-condensed">
    <tbody>
        <tr class="span3">
            <td class="span1">
                <button class="btn btn-mini">Button</button></td>
            <td class="span1">
                <button class="btn btn-mini">Button</button></td>

            <td class="span1">
                <button class="btn btn-mini">Button</button></td>
        </tr>
    </tbody>
</table>

您也可以忽略每个单元格的类,因为它会根据给出相等宽度的单元格数来划分行的总跨度。