Bootstrap: 두 판 사이의 차이

잔글편집 요약 없음
잔글 (봇: 자동으로 텍스트 교체 (-{{사용자:Pika/대체용 틀 +{{소프트웨어 정보))
 
(사용자 5명의 중간 판 9개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{소프트웨어 정보
{{소프트웨어 정보
| 이름                 = Bootstrap
|이름     = Bootstrap
| 원작자               = Twitter
|원어이름 =
| 개발자              = Twitter
|배경색  =
| 발표일              = {{날짜/출력|2011-8-19}}
|글자색  =
| 최신 버전            = 3.3.4
|로고    =
| 최신 버전 출시일    = {{날짜/출력|2015-3-17}}
|화면    =
| 상태                 = 지원 중
|화면설명 =
| 프로그래밍 언어     = HTML / CSS / Javascript
|원작자   = Twitter
| 종류                = 웹 UI 프레임워크
|개발    = Twitter
| 라이선스             = MIT (3.0) <br /> Apache License v2.0 (2.x)
|종류    = 웹 UI 프레임워크
| 웹사이트             = http://getbootstrap.com
|출시    = [[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]]를 필요로 한다.
Bootstrap은 [[HTML]], [[CSS]], [[JavaScript|JS]] [[프레임워크]]로, Bootstrap을 사용하면 [[트위터]]같은 간단한 디자인의 [[홈페이지]]를 빠르게 만들 수 있다. 제공되는 [[JavaScript]] Library를 사용하기 위해서는 [[jQuery]]를 필요로 한다.


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


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


== 스크린샷 ==
== 스크린샷 ==
[[파일:Bootstrap-3.1.1-screenshot-dashboard-example.png]]
<gallery>
Bootstrap-3.1.1-screenshot-dashboard-example.png
Twitter Bootstrap Under Firefox 32.png
</gallery>


[[파일:Twitter Bootstrap Under Firefox 32.png]]
== 바깥 고리 ==
* <small>'''(영어)'''</small> [http://startbootstrap.com/ Bootstrap Template Site]
[http://bootstrapk.com/ 부트스트랩 한국어 번역]
* <small>'''(영어)'''</small> [http://www.w3schools.com/bootstrap/ W3Schools 부트스트랩 튜토리얼]


== 같이보기 ==
{{각주}}
* [http://startbootstrap.com/ Bootstrap Template Site]
[[분류:CSS 프레임워크]]
* [http://bootstrapk.com/ 부트스트랩 한국어 번역]
* [http://www.w3schools.com/bootstrap/ W3Schools 부트스트랩 튜토리얼]

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

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

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

장점[편집 | 원본 편집]

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

단점[편집 | 원본 편집]

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

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

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

각주