为什么Bootstrap中输入的标签决定了输入框的大小？

Question

我有一个带有内联输入的表单，但标签的大小似乎决定了输入框的大小。

HTML

 <div class="form-inline">
 <div class="form-group">
 <label for="address3">Town</label>
 <input type="text" name="sublocality" class="form-control fixedWidth" id="address3" placeholder="town">
 </div>
 <div class="form-group">
 <label for="address4">City</label>
 <input type="text" name="locality" class="form-control fixedWidth" id="address4" placeholder="City">
 </div>
 </div>

结果

我希望所有输入框的宽度都相同。

Answer 1

在所有col-sm-*中使用form-group，例如：

<div class="form-group col-sm-3">
    <label for="address3">Town</label>
    <input type="text" name="sublocality" class="form-control fixedWidth" id="address3" placeholder="town">
</div>