Javascript Bootstrap 3调整表数据和输入字段的大小

我试图调整表的输入/td字段的大小，但似乎无法使其正常工作。我一直在引用下面的堆栈帖子。还是不走运

XS
s
M
L
特大号
XXL
XXXL

对我来说，这很有效：

<div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><input type... /></td>
                  <td>libero</td>
                  <td>Sed</td>
                  <td>cursus</td>
                  <td>ante</td>
                </tr>
                <tr>
                  <td>1,004</td>
                  <td>dapibus</td>
                  <td>diam</td>
                  <td>Sed</td>
                  <td>nisi</td>
                </tr>
              </tbody>
            </table>
          </div>

#
标题
标题
标题
标题
自由人
塞德
库苏斯
赌注
1,004
达皮布斯
直径
塞德
尼西

将

表单控件

类添加到

输入

字段

为什么要尝试创建一个表并使用引导中的列样式，这似乎是多余的？或者将其拆分为列，使用列xx-#选择器调整大小，或者，如下面的答案所示，自行设置表格的样式

<div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><input type... /></td>
                  <td>libero</td>
                  <td>Sed</td>
                  <td>cursus</td>
                  <td>ante</td>
                </tr>
                <tr>
                  <td>1,004</td>
                  <td>dapibus</td>
                  <td>diam</td>
                  <td>Sed</td>
                  <td>nisi</td>
                </tr>
              </tbody>
            </table>
          </div>