如何在bootstrap3中合理调整表中的输入组

Question

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

这是jsfiddle http://jsfiddle.net/Mn5u5/1

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

Answer 1

默认情况下，Bootstrap表单控件设置为width:100%。最直接的选择如下：

1. 在<td>上设置显式宽度。请注意，每列只需执行一次此操作。我建议在列<th>上，假设你有一个。