CAPS 위키 : Bootstrap

Bootstrap #부트스트랩 [ 수정 내역 ] [ 수정 ]

최근 수정:

목차

1. 개요

2. 장점

3. 단점

1. 개요

HTML5 기반의 오픈 소스 웹 디자인 프레임워크. 갓트스트랩 운영체제 때 배우는 Bootstrap과는 다르다!

이거 하나만 있으면 상당히 깔끔한 웹사이트를 정말로 쉽게 제작할 수 있다.

CAPS 홈페이지도 Bootstrap을 사용하였다.[1] 물론 상단바 테마는 구글링해서 긁어온거지만 대부분은 순정 Bootstrap으로 만들었다.

홈페이지는 http://getbootstrap.com/

2. 장점

단순히 Bootstrap의 css 파일만 인클루드하면 대부분의 태그들이 예쁘게 나오게 된다! 특히 테이블. 기본 테이블 태그는 굉장히 못생겼지만 css만 인클루드 하면 상당히 깔끔해진다. 물론 class 속성 값에 따라 다른 효과를 줄 수 있다.

또한 가장 큰 장점 중의 하나는 반응형 웹사이트 제작이 매우 쉽다는 것이다. 반응형 웹사이트는 같은 페이지임에도 디바이스에 따라 다른 화면이 나오게 하는 것이다. 그냥 CAPS홈페이지를 모바일로 접속해보자. 컴퓨터로 접속할 때와는 UI가 약간 달라진다. (특히 상단바 부분)

3. 단점

아무래도 Bootstrap을 쓰면 디자인이 정형화 되어있어 비슷한 페이지가 양산될 수 있다. css를 좀 다룰줄 안다면 CAPS 위키처럼 약간의 커스터마이징도 가능하다.


[1] 홈페이지 개발자가 Bootstrap 덕후이다...