부트스트랩(Bootstrap) 소개

부트스트랩(Bootstrap) 소개

부트스트랩(Bootstrap) 소개

Bootstrap은 2010년 중반에 트위터 개발자 중 트위터 아이디 @mdo와 @fat을 사용하는 개발자가 만든 오픈 소스 프레임워크(framework)입니다.

부트스트랩은 웹 디자인을 어떻게 하면 편리하게 할 수 있을까?  라는 목적에서 나온 프레임워크입니다.

프레임워크는 “작업을 할 수 있는 어떤 틀”이라고 생각하면 쉽습니다.

즉 웹 디자인을 쉽고 간편하게 할 수 있게끔 부트스트랩이라는 “틀”을 제공합니다.

실제로 부트스트랩을 활용하면 웹 디자인에 쏟아야 하는 노력을 절반 이하로 줄여줄 수 있습니다.
CSS 스타일링 을 줄여주고 다양한 컴포넌트(바로 쓸 수 있는 웹 디자인 요소들)를 제공하며
많은 효과를 줄 수 있는 자바스크립 트 라이브러리를 제공하여 적은 노력으로 큰 효과를 볼 수 있는 웹 디자인을 할 수 있습니다.

특히 반응형 웹에 대한 고민을 혁신적으로 해결해줍니다.

1. 부트스트랩(Bootstrap) 이란?

  • 트위터 사가 만든 편리하고 효율적인 HTML5, CSS3, Javascript 오픈소스 툴킷
  • 반응형(responsive), 모바일위주(mobile first) 웹 개발을 위한 웹 프레임워크
  • 전문가들이 미리 만들어놓은 css, js, 클래스들을 사용하여 높은 품질의 웹페이지를 손쉽게 개발
  • jQuery 프레임워크를 이용


2. 부트스트랩(Bootstrap) 파일구조

 

3. 부트스트랩(Bootstrap) CSS

부트스트랩의 핵심은 클래스와 사용자 스타일을 통해 쉽게 수정/개선할 수 있도록 스타일링한 기본 HTML 요소의 집합이라는 점이다.

 

** 참조문서 첨부파일