Bootstrap 3.3.7

Bootstrap 3.3.7

Bootstrap은 스마트 폰이나 태블릿 등 다양한 플랫폼에서 일관된 페이지 표시하게 하는 “반응형 디자인"을 위한 프론트 엔드, Web 응용 프로그램 프레임워크이다. 여기에서 그 기본적인 사용법을 설명한다.

Bootstrap 자체의 사용법은 사실 의외로 간단하다. 우선은 Bootstrap 사용의 준비를 하고, 기본 소스 코드에 대해 설명한다.

그리드 시스템(grid systmem)“은 Bootstrap 레이아웃에 있어서 중요하다. 이것을 제대로 이해하면, 반응형 디자인의 기본은 익숙해질 것이다!

Bootstrap에서는 Web 페이지에 게재하는 일반적인 콘텐츠 작성 어떻게 할 것인가. 주요 것에 대해 정리하여 설명한다.

Bootstrap에는 입력폼(form)에 대한 독자적인 디자인도 준비되어 있다. 입력폼의 기본 컨트롤 표시 및 전송에 사용하는 푸시 버튼의 사용에 대해 설명한다.

HTML의 입력폼 컨트롤 이외에도 Bootstrap은 편리한 GUI 구성 요소가 포함되어 있다. 그 사용법을 설명한다.

Bootstrap에는 네비게이션을 위한 GUI 구성 요소가 많이 포함되어 있다. 그 기본적인 사용법에 대해 여기에서 설명한다.

메시지를 필요에 따라 표시하려면, “알림(alert)” 및 “다이아로그(dialog)“라고 것이 사용된다. Bootstrap에는 그러한 “필요에 따라 표시"하는 콤포넌트가 많이 포함되어 있다. 그 방법을 함께 살펴 보겠다.

Bootstrap 관련한 사이트 모음, 튜토리얼, 한글 번역본, 확장 라이브러리 등

최종 수정 : 2024-01-18