부트 스트랩 인라인 수평 폼 디자인

Question

부트 스트랩 3 폼 디자인의 가로 인라인 기능을 결합하려고합니다!

이 내가 현재 가지고있는, 당신은 내가 체크 박스 요소에 대한 앵커 태그가이 같은 암호 옵션을 잊고 싶어 인라인 형태

을 만든 것을 볼 수있다. 은 내가 @ FB 로그인 양식 디자인을 원하는의 예를 발견

내가 Bootply Example

@ 내 코드를 삽입 한

도움이 좋은 사람이 될 것입니다!

Answer 1

이것은 내가 순수 부트 스트랩과 함께 할 수있는 것입니다 :

<form class="form-inline" role="form"> 
    <div class="form-group"> 
     <label label-default="" class="sr-only" for="exampleInputEmail2">Email address</label> 
     <input class="form-control" id="exampleInputEmail2" 
     placeholder="Enter email" type="email"> 
     <div class="clearfix"></div> 
     <div class="checkbox"> 
     <label> 
      <input type="checkbox">Remember me</label> 
    </div> 
    </div> 
    <div class="form-group"> 
     <label label-default="" class="sr-only" for="exampleInputPassword2">Password</label> 
     <input class="form-control" id="exampleInputPassword2" 
     placeholder="Password" type="password"> 
     <div class="clearfix"></div> 
      <div> 
       <a href="#">forgot password?</a> 
     </div> 
    </div> 

    <button type="submit" class="btn btn-primary btn-lg">Sign in</button> 
</form> 

http://www.bootply.com/127634