Twitter bootstrap 切换到移动屏幕时，表在引导中没有响应

我在bootstrap中创建了一个表，其中有一个输入字段、一个文本区域和一个按钮。该界面非常适合大屏幕和平板电脑，但在移动屏幕中不起作用。我不知道为什么它不起作用。 这是我的密码

<section class="container">
<div class="">
<table class="table table-responsive" style="display:block;" >
    <tr class="active">
      <td>Tittle:</td>
      <td><input type="text" name="tittle" style="width:300px;"/></td>
    </tr>
   <tr class="success">
     <td>Post:</td>
     <td><textarea name="post" style="width:300px; height:150px;"></textarea></td>
   </tr>
   <tr>
   <td></td>
   <td><input type="submit" name="Post" class="btn btn-success"/></td>
   </tr>
</table>
</div>
</section>

标题：
职位：

页面的表视图。 页面的移动视图。 试试这个

请参见演示：

标题：
职位：

---

移动Img:

最后我完成了这项工作，唯一的问题是div class=“row”和div class=“col-lg-3”

标题：
职位：

在手机屏幕上尝试此功能您向我展示的演示用于平板电脑查看。请在手机屏幕上尝试此功能。它将无法工作。我不确定您所说的分辨率。我在demo link（上面共享）中重新调整了屏幕的大小，使之变小，但它没有给我任何滚动条。你能附上屏幕截图吗？唯一的问题是我没有将输入元素包装在类行中，这给了我一个问题，就是要有响应性的输入大小，我们必须将它们嵌套在类中。行以这种方式无论如何都会起作用投票是你的权利，这就是我能为你做的

<section class="container">
<div class="table-responsive">
<table class="table">
    <tr class="active">
      <td>Tittle:</td>
      <td><input type="text" name="tittle" class="form-control"/></td>
    </tr>
   <tr class="success">
     <td>Post:</td>
     <td><textarea name="post" class="form-control" style="height:150px;"></textarea></td>
   </tr>
   <tr>
   <td></td>
   <td><input type="submit" name="Post" class="btn btn-success"/></td>
   </tr>
</table>
</div>
</section>

<section class="container">
<div class="row">
<div class="col-lg-3">
<div class="table-responsive">
<table class="table">
    <tr class="active">
      <td>Tittle:</td>
      <td><input type="text" name="tittle" class="form-control"/></td>
    </tr>
   <tr class="success">
     <td>Post:</td>
     <td><textarea name="post" class="form-control" style="height:150px;"></textarea></td>
   </tr>
   <tr>
   <td></td>
   <td><input type="submit" name="Post" class="btn btn-success"/></td>
   </tr>
</table>
</div>
</div>
</div>
</section>