Framework | Library/Bootstrap

[Bootstrap] 부트스트랩이란?

부트스트랩 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크 : 재사용 가능한 요소의 집합, 구조와 툴 결정, 확장 가능한 기반 코드 등 HTML, CSS 기반의 템플릿 양식, 버튼, 네비게이션 및 기타 페이지를 구성하는 요소 포함 자바스크립트를 선택적으로 확장 할 수 있음 Github의 오픈 소스로 사용 가능. 상업적 이용 가능 부트스트랩 탄생배경 (트위터) 서로 다른 인터페이스를 사용한 여러 개발자들의 공동작업 디지인 불일치, 관리 어려움, 방대한 코드량 → 일관성 유지 불가 문제점 개선을 위해 트위터의 개발자와 UI 디자이너가 개발 2011년 8월 깃허브 오픈, 2014년 6월 깃허브 첫 번째 프로젝트 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Java..

[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