没有填充/边距的 Bootstrap 表？

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>

我使用 Bootstrap 作为我的框架，它看起来像这样：

如何拉伸输入宽度和高度以适合表格单元格？

我在输入中使用 CSS： width: 100%

我在 td 上试过 CSS： padding: 0; margin: 0;

原文由 Björn C 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

正如@Araz 评论：

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

原文由 Björn C 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

添加 padding:0 到 td 。将样式表放在 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>

原文由 Charantej Golla 发布，翻译遵循 CC BY-SA 3.0 许可协议