부트스트랩에서는 유효성 검증을 시각적으로 나타내기 위하여 아이콘을 추가할 수 있습니다.
div 태그에 .has-feedback 선택자를 사용하고 부트스트랩 아이콘을 추가했습니다.
아이콘 코드에는 .form-control-feedback 선택자를 추가해서 색상이 변경되게 했으며 폼에 사용되는 .form-control 선택자가 있어야 제대로 표시됩니다.
aria-describedby 는 웹 접근성 때문에 추가되었습니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| [bootstrap] 부트스트랩 – 선택적 아이콘 사용 – 레이블이 없는 상태 (0) | 2016.01.28 |
|---|---|
| [bootstrap] 부트스트랩 – 선택적 아이콘 사용 인라인(inline) 방식 (0) | 2016.01.28 |
| [bootstrap] 부트스트랩 – 선택적 아이콘 사용(With optional icons) (0) | 2016.01.28 |
| [bootstrap] 부트스트랩 – 폼 유효성 상태 (Validation states) (0) | 2016.01.28 |
| [bootstrap] 부트스트랩 – 읽기 전용 상태(Readonly state) (0) | 2016.01.28 |
댓글