使用自举3

Question

bootstrap http://i.stack.img

<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
        <form> 
 
         <div class="input-group inp"> 
 
          <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span> 
 
          <input class="form-control" type="text" placeholder="Email address"> 
 
         </div> 
 
         <div class="input-group inp"> 
 
          <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span> 
 
          <input class="form-control" type="password" placeholder="Password"> 
 
         </div> 
 
        </form> 
 
       </div>

ur.com/liYfx.png

晚上好结合两个输入verticaly在一种形式。你能帮助我自举吗？我无法将两个输入组合到一个表单中，并使用Twitter Botstrap添加Font Awesome图标，就像在这张图片中一样。非常感谢你 。

Answer 1

我没有类似的东西在我的最后一个项目，所以在这里你去：

<div class="container"> 
    <div class="row"> 
    <form role="form"> 
     <div class="col-md-6 col-md-offset-3"> 
     <div class="form-group"> 
      <div class="input-group"> 
      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> 
       <input type="text" class="form-control" placeholder="MinVal"> 
      </div> 
     <div class="input-group"> 
      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> 
       <input type="text" class="form-control" placeholder="MinVal"> 
     </div> 
     </div> 
    </div> 
    </form> 
    </div> 
</div> 

工作小提琴：

JSFiddle

小提琴更新：

UpdateFiddle