CSS 프레임워크 - Bootstrap (부트스트랩)

Bootstrap

Bootstrap (이하 부트스트랩)은 트위터에서 시작된 오픈 소스 프론트엔드 프레임워크로, 손쉽게 반응형 웹을 구현할 수 있어서 초창기부터 큰 인기를 얻어오고 있다. 크로스 브라우징을 위한 각종 핵도 들어있기 때문에, 브라우저 호환에 대한 걱정도 덜 수 있다. 사용하는 사람이 많다보니 디자인이 지겨운 느낌이 있으나, 스타일을 커스터마이징하거나 다른 유저들의 테마를 사용하면 된다. 화면을 가로로 12개의 그리드로 분할하여 화면 해상도 크기에 따라 자동으로 정렬되는 그리드 시스템을 갖고 있다. 무겁고 느려서 개인적으로 선호하지 않는데, 여전히 부트스트랩을 사용하는 사이트가 많고 다운로드 수도 높다.

 

부트스트랩 로고

 

부트스트랩의 특징

키워드

• 반응형 (Responsive): 손쉽게 반응형을 구현할 수 있다.
• 그리드 (Grid): 빠르고 쉽게 레이아웃 구성이 가능하다.
• 컴포넌트 (Components): 버튼, 모달 등 페이지 구성 요소들이 제공된다.
• 테마 (Theme): 기본 제공 테마 외에 다양한 유료 및 무료 테마들이 있다.

 

부트스트랩의 장점

• 내부 클래스들을 잘 알고 있다면 빠르고 쉽게 UI를 구현할 수 있다.
• 반응형 처리가 쉽다.
• 크로스 브라우징에 유리하다.

 

부트스트랩의 단점

• 타 프레임워크에 비해 무겁고 느리다.
• 클래스들을 알아두어야 하기 때문에 초반에 적응이 느리다.
• 기본 스타일의 경우 디자인이 더 이상 특별하지 않으며, 하나 하나 커스터마이징을 해야 한다면 오히려 더 많은 시간이 소요된다.

 

 

공식 문서

https://getbootstrap.com/