我用bootstrap创建了一个表单：

<form action="/user/add" method="POST" class="well form-inline">

        <fieldset>
            <legend>
                Information
            </legend>
            <div class="control-group">
                <div class="controls">
                    <div class="form-group">
                        <input type="input" id="firstname" class="form-control" name="firstname">
                    </div>

                    <div class="form-group">
                        <input type="input" id="lastname" class="form-control" name="lastname">
                    </div>

                    <div class="form-group">
                        <input type="input" id="age" class="form-control" name="age">
                    </div>
                </div>
            </div>
        </fieldset>

        <!-- Multiple other wells -->

    </form>

我在此表单中有多个区域，如“个人”、“兴趣”等。这些区域或组由一个包含输入的孔（我将其描述为一个组框）表示。我在第一个孔中有3个内联输入。但它们没有填充整个孔（宽度）。我如何拉伸输入字段以填充整个孔？
外观：

---输入1 ------输入2 ------输入3 ---
我想要的：

------输入1 -------------输入2 ------------输入3 --------
我希望你能理解我的作品^^