パディング/マージンのないブートストラップテーブル？

Question

私はこのテーブルを持っている：

<table class="table table-bordered table-condensed col-md-12"> 
    <thead> 
    <tr> 
     <td>Input</td> 
    </tr> 
    </thead 
    <tbody> 
    <tr> 
     <td><input type="text" /></td> 
    </tr> 
    </tbody> 
</table> 

私は私のフレームワークとしてブートストラップを使用して、それは次のようになります。

は、どのように私はテーブルのセルに合わせて入力幅&高さを伸ばすことができますか？

私は入力にCSSを使用しています：width: 100%
私が試したCSSをTDに：padding: 0; margin: 0;

Answer 1

@Arazのコメントとして：

tr td{ 
    padding: 0 !important; 
    margin: 0 !important; 
} 

Answer 2

がtdにpadding:0を追加します。スタイルシートをbootstrap.cssの下に置きます。だから!importantは必要ありません。インラインでCSSを使用する場合は、!importantが必要です。 .form-controlクラスを使用してセルの入力幅100%を作成します。

td{padding:0px !important} 
 
.form-control{border-radius:0px !important;}

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/> 
 
<table class="table table-bordered table-condensed col-md-12"> 
 
    <thead> 
 
    <tr> 
 
     <td>Input</td> 
 
    </tr> 
 
    </thead 
 
    <tbody> 
 
    <tr> 
 
     <td><input type="text" class="form-control" /></td> 
 
    </tr> 
 
    </tbody> 
 
</table>