title: how to make input field fit completely inside bootstrap table <td>
body: <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>