Bootstrap: 두 판 사이의 차이

Bootstrap
소프트웨어 정보
원작자	Twitter
개발	Twitter
종류	웹 UI 프레임워크
출시	2011년 8월 19일
최신버전	3.3.4; 2015년 3월 17일
상태	지원 중
작성언어	HTML / CSS / Javascript
라이선스	MIT (3.0) ; Apache License v2.0 (2.x)
웹사이트	http://getbootstrap.com

2022년 3월 17일 (목) 14:21 기준 최신판

부트스트랩(Bootstrap)은 HTML, CSS, JS 프레임워크로, 부트스트랩을 사용하면 트위터 같은 간단한 디자인의 홈페이지를 빠르게 만들 수 있다. 제공되는 JavaScript 라이브러리를 사용하기 위해서는 jQuery를 필요로 한다.

장점[편집 | 원본 편집]

반응형 웹 디자인을 쉽게 적용 할 수 있게 CSS가 미리 구성되어 있다.
모든 Component가 class만 설정하면 적용하도록 되어 있기 때문에 사용하기 매우 편하다.

단점[편집 | 원본 편집]

일관된 디자인을 가지고 있어 아주 쉽게 부트스트랩 사용을 확인할 수 있다.

스크린샷[편집 | 원본 편집]

바깥 고리[편집 | 원본 편집]

각주

@@ 1번째 줄: / 1번째 줄: @@
-Bootstrap은 [[jQuery]]를 필요로 하는 [[HTML]], [[CSS]], [[JavaScript|JS]] [[프레임워크]]로, Bootstrap을 사용하면 [[트위터]]로 같은 간단한 디자인의 [[홈페이지]]를 빠르게 만들 수 있다.
+{{소프트웨어 정보
+|이름     = Bootstrap
+|원어이름 =
+|배경색   =
+|글자색   =
+|로고     =
+|화면     =
+|화면설명 =
+|원작자   = Twitter
+|개발     = Twitter
+|종류     = 웹 UI 프레임워크
+|출시     = [[2011년]] [[8월 19일]]
+|최신버전 = 3.3.4
+|최신출시 = [[2015년]] [[3월 17일]]
+|미리보기 =
+|미리출시 =
+|상태     = 지원 중
+|언어     =
+|운영체제 =
+|플랫폼   =
+|엔진     =
+|작성언어 = HTML / CSS / Javascript
+|라이선스 = MIT (3.0) <br /> Apache License v2.0 (2.x)
+|이전     =
+|이후     =
+|웹사이트 = http://getbootstrap.com
+|비고     =
+}}
+'''부트스트랩'''(Bootstrap)은 [[HTML]], [[CSS]], [[JavaScript|JS]] [[프레임워크]]로, 부트스트랩을 사용하면 [[트위터]] 같은 간단한 디자인의 [[홈페이지]]를 빠르게 만들 수 있다. 제공되는 [[JavaScript]] 라이브러리를 사용하기 위해서는 [[jQuery]]를 필요로 한다.
 == 장점 ==
-* 반응형 웹디자인이기에 [[모바일]] 화면과 [[데스크톱]] 화면을 따로따로 구현할 필요가 없다.
+* 반응형 웹 디자인을 쉽게 적용 할 수 있게 CSS가 미리 구성되어 있다.
-* 쉽고 간편하게 개발할 수 있다. (적어도 CSS 처음 하는 사람이 CSS가지고 씨름하는 것보단 더 빠르다.)
+* 모든 Component가 class만 설정하면 적용하도록 되어 있기 때문에 사용하기 매우 편하다.
-* 여러가지 컴포넌트가 있다.
 == 단점 ==
+* 일관된 디자인을 가지고 있어 아주 쉽게 부트스트랩 사용을 확인할 수 있다.
-[[추가바람]]
+== 스크린샷 ==
+<gallery>
+Bootstrap-3.1.1-screenshot-dashboard-example.png
+Twitter Bootstrap Under Firefox 32.png
+</gallery>
-== 스크린샷 ==
+== 바깥 고리 ==
-[[파일:Bootstrap-3.1.1-screenshot-dashboard-example.png]]
+* <small>'''(영어)'''</small> [http://startbootstrap.com/ Bootstrap Template Site]
+*  [http://bootstrapk.com/ 부트스트랩 한국어 번역]
+* <small>'''(영어)'''</small> [http://www.w3schools.com/bootstrap/ W3Schools 부트스트랩 튜토리얼]
-[[파일:Twitter Bootstrap Under Firefox 32.png]]
+{{각주}}
+[[분류:CSS 프레임워크]]