我似乎无法让我的三个基本表单组具有相同的长度。我注意到表格组 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>
除了指定类来指定宽度外,我该怎么办?提前谢谢!
答案 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>