Тип ввода не полная ширина td с классами начальной загрузки

Question

Я пытаюсь понять, почему ширина входного текстового поля на третьем столбце не охватывает всю ширину. Я установил ширину в px /%, но она все еще не работает. Вот фрагмент кода, который у меня есть, и как он выходит.

То, что я хотел исход быть для ввода текста в 3-м столбце, чтобы охватить полностью через этот тд

Answer 1

я думаю, вы получили эту проблему с width вы разместили в td и не всю колонку

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

проверьте это.