Невозможно получить текстовые поля в форме группы, чтобы иметь одинаковую ширину

Question

Я не могу представить, что мои три основные группы форм имеют одинаковую длину. Я заметил, что ширина формы-группы di v изменяется в соответствии с длиной строки.

Как вы можете видеть, пароль, имеющий наименьшее количество символов, имеет кратчайшее текстовое поле, а Confirm Password имеет самый длинный.

Я попытался изменить размер сетки, но он не настраивается, и класс группы форм не имеет свойства ширины.

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

Помимо создания класса для определения ширины, что я могу сделать? Заранее спасибо!

Answer 1

Попробуйте

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