输入类型不是带有引导类的 td 的全宽

Question

我试图弄清楚为什么第 3 列输入文本框的宽度没有跨越 .我已将宽度设置为 px/% 但它仍然不起作用。这是我拥有的代码的 sn-p 以及它是如何出现的。

我想要的结果是第三列中的输入文本完全跨越该 td

Answer 1

我猜你在width 中遇到了这个问题，而不是在整个专栏中

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div>
  <table class="table table-bordered">
   <colgroup>
     <col width=150px>
     <col width=150px>
     <col width=450px>
     <col width=170px>
   </colgroup>
    <tr class="text-center">
      <td><label for="">1</label></td>
      <td><label for="">2</label></td>
      <td><label for="">3</label></td>
      <td><label for="">4</label></td>
    </tr>
    <tr>
      <td><input type="text" class="form-control"></td>
      <td><input type="text" class="form-control"></td>
      <td><input type="search" class="form-control"></td>
      <td><input type="text" class="form-control"></td>
    </tr>
  </table>
</div>

检查一下。