[Bootstrap] 부트스트랩 컴포넌트 - 폼

1-4. 컴포넌트 - 폼

 

# 기본 input 

<input type="text">

input의 좌우 폭이 없고 디자인도 넣을 수 없다.

 

# form-control : input 디자인 적용

<input type="text" class="form-control">

디자인은 들어갔지만 화면에 꽉 차는 input형태

 

# form-inline : 줄바꿈 없애기

<li class="form-inline">
   <label>아이디</label>
   <input type="text" class="form-control">
</li>

상위 콘텐츠에 form-inline을 class로 지정해주면 줄바꿈 되지 않는다.

# input (id) - label (for) 연결

<li class="form-inline">
   <input type="checkbox" id="agree" />
   <label for="agree">약관에 동의하시겠습니까?</label>
</li>

라벨을 클릭해도 input이 반응할 수 있게 하기 위함