ブートストラップ入力グループのアドオンの整列

Question

input-group-addonの中央にあるアイコンを整列するにはどうすればいいですか？ここで

私のコードです：

 <div class="input-group"> 
      <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> 
      <input id="email" type="text" class="form-control" name="email" placeholder="Email"> 
     </div> 
     <div class="input-group"> 
      </center><span class="input-group-addon"><i class="fa fa-lock" aria-hidden="true"></i></span> 
      <input id="password" type="password" class="form-control" name="password" placeholder="password"> 
     </div> 
     <div class="mt-2"> 
      <a href="#" class="btn btn-info btn-lg mr-5">登入</a> 
      <a href="#" class="btn btn-primary btn-lg ml-5">註冊</a> 
     </div> 

Answer 1

それは私が頭にCSSスタイルを追加したときにうまく機能します。このような：

.inputグループ.input-グループアドオンの.Fa {幅：4vh;位置：センター;}

link