有輸入時如何使表響應

Question

當我有輸入時，我的表不會調整大小。

 <table class="table table-hover table-responsive " cellspacing="1" cellpadding="2" border="2"> <tr class="info"> <td align="left"><b>Name</b> </td> <td width="200" align="left"><b>URL</b> </td> <td></td> </tr> <tr bgcolor="#DFE9F9"> <td align="left"> <input class="input" name="name"> </td> <td align="left"> <input class="input" size="41" name="web"> </td> <td align="left"> <input type="submit" name="Submit_add" value="Add"> </td> </tr> </table> 

下表沒有響應。 如何使其響應？ 謝謝

Answer 1

既然您仍然在boostrap中加載，為什么不使用引導網格系統？ 非常容易實現，例如：class =“ col-lg-3”。 您可以在引導程序-網格頁面上找到更多信息。

祝好運

Answer 2

將class="input"替換為class="form-control"

<table class="table table-hover table-responsive " cellspacing="1" cellpadding="2" border="2">
  <tr class="info">
    <td align="left"><b>Name</b></td>
    <td width="200" align="left"><b>URL</b></td>
    <td></td>
  </tr>

    <tr bgcolor="#DFE9F9">
      <td align="left"><input class="input form-control" name="name"></td>
      <td align="left"><input class="input form-control" size="41" name="web"></td>
      <td align="left"><input type="submit" name="Submit_add" value="Add"></td>
    </tr>    
</table>