twitter-bootstrap - Twitterブートストラップテーブルのボタンを使用して行幅が変更されます

Question

これを入力したときにばかげたタイプミスをしました。高さの代わりに幅を入れました!

Twitter ブートストラップ テーブルの各行でボタンを使用しています。テーブルクラス table-condensed とボタンクラス btn-mini を使用しています。問題は、ボタンを挿入すると、行の高さがほぼ 2 倍になることです。これを引き起こしている原因を見つけることができません。ボタンに特別に取り付けられたマージン、パディング、または線幅がないようです。

Answer 1

<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>

各セルのクラスを無視することもできます。これは、セルの数に応じて行の合計スパンを分割し、それらに等しい幅を与えるためです。