부트스트랩 (프론트엔드 프레임워크)

위키백과, 우리 모두의 백과사전.
둘러보기로 가기 검색하러 가기
부트스트랩
Boostrap logo.svg
최근 버전 4.1.3 / 2018년 7월 24일 (12달 전)(2018-07-24)[1]
프로그래밍 언어 HTML, CSS, LESS, Sass, 자바스크립트
플랫폼 웹 브라우저
종류 HTML, CSS 기반 디자인 탬플릿
라이선스 MIT 라이선스 (아파치 라이선스 2.0 prior to 3.1.0)
웹사이트 getbootstrap.com

부트스트랩(Bootstrap)은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다. 하나의 CSS 로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동한다. 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다.

기원[편집]

부트스트랩의 원래 이름은 Twitter Blueprint로 Mark Otto와 Jacob Thornton이 만들었다. 기존에 여러 인터페이스에 대응하기 위한 다양한 라이브러리들이 존재했지만 정형화되지 않아 유지, 보수에 어려움이 있었다. 트위터의 개발자였던 Mark Otto는 이를 통합하기 위해 부트스트랩을 만들었고 트위터의 다른 개발자들이 개발에 기여하기 시작했다. 부트스트랩이라는 이름은 2011년 8월 19일 오픈 소스가 발표되면서 지어졌다.[2]

2012년 1월 31일 부트스트랩 2가 발표되었다. 이 버전에서는 12컬럼 그리드 레이아웃과 반응형 디자인이 포함되었다. 부트스트랩 3는 2013년 8월 19일 발표되었으며 모바일 플랫폼이 적용되었다.

특징[편집]

부트스트랩은 크롬, 파이어폭스, 인터넷 익스플로러, 오페라, 사파리의 최신 버전을 지원하지만 모든 기능을 완벽하게 지원하지 않는 브라우저도 있다.

구조와 기능[편집]

부트스트랩은 LESS 스타일시트를 기반으로 한다.

CSS[편집]

부트스트랩은 HTML에서 사용되는 기본 스타일을 제공한다. 이는 모던한 글꼴, 테이블, 폼을 제공한다.

재사용 가능한 콤포넌트[편집]

부트스트랩은 기본 요소 외에도 사용자들이 자주 사용하는 요소들을 포함한다. 예를 들면, 각종 버튼들, 드롭다운 메뉴, 탭, 라벨, 상태 바 등이 있다.

자바 스크립트 콤포넌트[편집]

부트스트랩은 자바 스크립트를 이용하여 드롭다운, 탭, 버튼 등의 기능을 구현한다.

같이 보기[편집]

각주[편집]

  1. Otto, Mark (2018년 7월 24일). “Bootstrap 4.1.3 released”. 
  2. Otto, Mark (2011년 8월 19일). “Bootstrap from Twitter”. 《Developer Blog》. Twitter. 

외부 링크[편집]