2017-10-18 77 views
1

如何对齐input-group-addon中心的图标?自举输入组插件对齐

image

这里是我的代码:

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

没有足够的信息在这里回答你的问题。请你能提供一个更完整的例子吗? – Ross

+0

你真的尝试过什么?最好对你想要实现的内容进行粗略的布局。 –

回答

0

这是很好的工作时,我的头添加CSS样式。像这样:

。输入组。输入组,附加.fa {宽度:4vh;位置:中心;}

link