无法使表单组中的文本框具有相同的宽度

时间:2014-02-05 02:57:42

标签: twitter-bootstrap

我似乎无法让我的三个基本表单组具有相同的长度。我注意到表格组enter image description here v的宽度根据字符串的长度而变化。

如您所见,具有最少字符数的密码具有最短的文本框,而确认密码具有最长的文本框。

我已经尝试更改网格大小,但它没有调整,而form-group类没有宽度属性。

<div class="well row">
    <h3>Account Information</h3>
    <div class="col-md-12">
        <div class="form-group">
            <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
        </div>
    </div>
    <div class="col-md-12 spacer">
        <div class="form-group">
            <label for="exampleInputEmail1">Password</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
        </div>  
        <div class="form-group">
            <label for="exampleInputEmail1">Confirm Password</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
        </div>
    </div>
</div>

除了指定类来指定宽度外,我该怎么办?提前谢谢!

1 个答案:

答案 0 :(得分:0)

尝试

                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Password</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                    </div>  
                    <div class="form-group col-md-6">
                        <label for="exampleInputEmail1">Confirm Password</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                    </div>