부트스트랩 .form-horizontal

1 개요[ | ]

부트스트랩 .form-horizontal

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
 
<form class="form-horizontal">
  <div class="form-group">
    <label class="control-label col-sm-2" for="email">이메일</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="email" placeholder="이메일을 입력하세요">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-sm-2"  for="pwd">패스워드</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="pwd" placeholder="패스워드를 입력하세요">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <div class="checkbox">
        <label><input type="checkbox"> 로그인 유지</label>
      </div>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">로그인</button>
    </div>
  </div>
</form>

2 같이 보기[ | ]

3 참고[ | ]

http://www.w3schools.com/bootstrap/bootstrap_forms.asp