8. 수평형 폼
- form-horizontal 클래스를 사용하면 여러개의 폼을 수평으로 정렬할 수 있습니다.
- 회원가입폼을 예로 들어 보겠습니다.
- 아무 것도 없는 폼입니다.
- 폼들이 일자로 내려옵니다.
- form-horizontal class 를 지정합니다.
- fieldset 을 지정합니다.
- fieldset 안의 div 에 control-group class를 지정합니다.
- 좌우 깔끔하게 정렬됩니다.
- 같은 방법으로 여러개의 폼을 생성합니다.
- 깔끔하게 폼들이 수평으로 정렬됩니다.
- control-group class 에 error, warning, success class를추가하여 좀 더 많은 효과를 줄 수 있습니다.
'Bootstrap' 카테고리의 다른 글
부트스트랩에서 제공하는 기본 CSS(7) - 드롭다운 (0) | 2013.07.23 |
---|---|
부트스트랩에서 제공하는 기본 CSS(6) - 버튼 그룹 (0) | 2013.07.22 |
부트스트랩에서 제공하는 기본 CSS(4) - 폼 (0) | 2013.07.20 |
부트스트랩에서 제공하는 기본 CSS(3) - 버튼 (0) | 2013.07.19 |
부트스트랩에서 제공하는 기본 CSS(2) - 테이블 (0) | 2013.07.18 |