Bootstrap table with no padding/margin?

Issue

I have this table:

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

I use Bootstrap as my framework and it looks like this:

enter image description here

How can i stretch the input width & height to fit table cell?

I’m using CSS on input: width: 100%
I’ve tried CSS on td: padding: 0; margin: 0;

Solution

As @Araz comment:

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

Answered By – Björn C

Answer Checked By – Terry (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.