how to make input field fit completely inside bootstrap table <td>
<p>I am using bootstrap 3. I wanted the input field get fit inside my table.
Here is my code, I want to do it in table-bordered class of bootstrap.
here is the code:</p>

<pre><code>&lt;table class="table table-bordered table-hover"&gt;
                         &lt;thead&gt;
                          &lt;tr&gt;
                            &lt;th class="col-md-4"&gt;Organization:&lt;/th&gt;
                            &lt;th class="col-md-4"&gt;City:&lt;/th&gt;
                            &lt;th class="col-md-2"&gt;From:&lt;/th&gt;
                            &lt;th class="col-md-2"&gt;To:&lt;/th&gt;
                          &lt;/tr&gt;
                         &lt;/thead&gt;
                         &lt;tbody&gt;
                          &lt;tr ng-repeat="name in getdrugnameNewArray"&gt;
                           &lt;td&gt;Stackoverflow&lt;/td&gt;
                           &lt;td&gt;2001&lt;/td&gt;
                           &lt;td&gt;2009&lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;/tbody&gt;
                          &lt;/table&gt;
</code></pre>

<p>CSS code : </p>

<pre><code>td&gt;input {
  margin: 0;
  height: 100% !important;
  display: inline-block;
  width: 100%;
  border-radius: 0 !important;
        }
</code></pre>

<p>I need my <code>&lt;td&gt;</code> cell be the input field as such. Any help is appreciated. Thanks.</p>