没有填充/边距的引导表？答案

【问题标题】：Bootstrap table with no padding/margin?没有填充/边距的引导表？
【发布时间】：2016-10-26 17:08:45
【问题描述】：

我有这张桌子：

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

【问题讨论】：

同时给 tr 填充 0 并使它们对 td 和 tr 都重要

标签： html css twitter-bootstrap

【解决方案1】：

正如@Araz 评论：

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

【讨论】：

【解决方案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>

【讨论】：

很抱歉，form-control 仍然留下一些边距/填充。输入的角也变圆了..但是 Bootstrap 表的边缘变平了！
您是否添加了我在您的html 或stylesheet 中给出的css