Framework | Library

[Bootstrap] Validation

유효성 검사 색상 First name Looks good! Last name Looks good! @ Username Please choose a username. City Please provide a valid city. Zip Please provide a valid zip. Agree to terms and conditions You must agree before submitting. Submit form 브라우저 기본 (툴팁으로 표시된다.) First name Last name @ Username City Zip Agree to terms and conditions Submit form form-check Textarea Please enter a message in the textarea. ..

[Bootstrap] range

기본 Example range 비활성화 Example range 속성 min/max Example range 속성 min/max/step Example range

[Bootstrap] Radio

기본 라디오(세로) Default radio Default checked radio 기본 라디오(가로) 1 2 3 (disabled) 토글 버튼 라디오 Checked Radio Radio

[Bootstrap] Toggle Switch

토글 스위치 Default switch checkbox input Checked switch checkbox input Disabled switch checkbox input Disabled checked switch checkbox input

[Bootstrap] Search(검색창)

기본 검색창 1 Search 기본 검색창 2 search 검색 후 알림창 Search

[Bootstrap] Horizontal alignment(text-center, d-flex, justify-content)

text-center 텍스트를 중앙에 배치하려면 상위요소에 .text-center 클래스를 추가한다. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Recusandae nihil hic delectus excepturi ipsam reprehenderit iusto rem, quam, repellendus accusantium culpa reiciendis sit dolorum aut aperiam a architecto. Fuga, sit. 이미지의 상위 요소에 .text-center 클래스를 추가하여 이미지를 중앙에 배치할 수도 있다. 버튼의 부모 요소에 .text-center를 추가하면 버튼도 중앙에 배치한다. Primary flexbox를 ..