Question

当我输入输入时，我的表格不会调整大小。

＆＃13;

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

＆＃13;

下表没有响应。如何使其响应？感谢

Answer 1

既然你在boostrap中加载了，为什么不使用bootstrap网格系统呢？很容易实现，例如：class =“col-lg-3”。您可以在bootstrap - grid页面上找到更多信息。

古德勒克

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>

如何在有输入时使表响应

2 个答案: