Bootstrap 기본
Bootstrap 자체의 사용법은 사실 의외로 간단하다. 우선은 Bootstrap 사용의 준비를 하고, 기본 소스 코드에 대해 설명한다.
Bootstrap은 스마트 폰이나 태블릿 등 다양한 플랫폼에서 일관된 페이지 표시하게 하는 “반응형 디자인"을 위한 프론트 엔드, Web 응용 프로그램 프레임워크이다. 여기에서 그 기본적인 사용법을 설명한다.
그리드 시스템(grid systmem)“은 Bootstrap 레이아웃에 있어서 중요하다. 이것을 제대로 이해하면, 반응형 디자인의 기본은 익숙해질 것이다!
Bootstrap에는 입력폼(form)에 대한 독자적인 디자인도 준비되어 있다. 입력폼의 기본 컨트롤 표시 및 전송에 사용하는 푸시 버튼의 사용에 대해 설명한다.
메시지를 필요에 따라 표시하려면, “알림(alert)” 및 “다이아로그(dialog)“라고 것이 사용된다. Bootstrap에는 그러한 “필요에 따라 표시"하는 콤포넌트가 많이 포함되어 있다. 그 방법을 함께 살펴 보겠다.