Twitter bootstrap 3 如何在bootstrap3中使表中的输入组大小合理

如果我将一个具有输入组btn的输入组放在表中的单元格中，该列将尝试占用尽可能多的空间。有没有一个好办法来限制这一点？我是否错误地使用了BS3样式

这是JSFIDLE

测试1
测试2
测试3
测试4
测试5
测试2
测试3
测试4
测试5

引导表单控件默认设置为

宽度：100%

。最直接的选择如下：

在

上设置显式宽度。请注意，每列只需执行一次。我会在专栏的

上提出建议，假设你有一个

---

将width='30%'添加到td似乎有所帮助，但这是正确的解决方案吗？有没有可能链接一个为#2工作的JSFIDLE？我试着在几个不同的元素上设置大小，除非它是列本身的大小，否则我没有任何运气。这很奇怪。实际上我没有尝试过，因为我以前在字段上使用过这个技巧，但从来没有在表单元格中使用过字段。将它放在

.input组中

似乎可以降低输入的大小，但表单元格的大小没有改变，这真的很奇怪。我将从我的答案中删除#2，直到我有机会对其进行排序。更好的是，将“宽度”设置为“继承”，这样它将从父级获得其宽度，并基本上将其设置回它应该的宽度

<table class="table table-condensed">
    <tr>
        <td>test 1</td>
        <td>test 2</td>
        <td>test 3</td>
        <td>test 4</td>
        <td>test 5</td>
    </tr>
    <tr>
        <td>
            <div class="input-group">
                <input type="text" class="form-control" />
                <div class="input-group-btn">
                    <button class="btn btn-small btn-default"><span class="glyphicon glyphicon-plus"></span></button>
                </div>
            </div>
        </td>
        <td>test 2</td>
        <td>test 3</td>
        <td>test 4</td>
        <td>test 5</td>

    </tr>
</table>