title: Bootstrap table with no padding/margin?
body: <p>I have this table:</p>
  
  <pre><code>&lt;table class="table table-bordered table-condensed col-md-12"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;td&gt;Input&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/thead
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I use Bootstrap as my framework and it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/HQkTO.png" rel="nofollow"><img src="https://i.stack.imgur.com/HQkTO.png" alt="enter image description here"></a></p>
  
  <p>How can i stretch the input width &amp; height to fit table cell?<br></p>
  
  <p>I'm using CSS on input: <code>width: 100%</code><br>
  I've tried CSS on td: <code>padding: 0; margin: 0;</code></p>