{ What is ‘Bootstrap’? }

Twitter 개발자들에 의해 개발된 front-end toolkit으로써, Button, Navigation, Label, Typhography, Alert 등의 기본 UI Component와 유용한 Interaction을 제공한다.

http://twitter.github.com/bootstrap/

장점

  • 간단한  Markup 작업으로 Rich하면서 Responsive한 UI를 구성할 수 있다.
  • 타 UI Framework에 비해 더 나은 성능을 보여준다.

 

{ Bootstrap Components }

Bootstrap에서 기본적으로 제공하는 UI Component들은 아래와 같다.

Button, Navigation, Labels, Badges, Typography, Thumbnails, Alerts, Progress Bars, Miscellaneous

 

{ Import Bootstrap }

Bootstrap의 구성은 아래와 같다.

  • bootstrap.css :  Basic Element들과 UI Component들의 CSS 속성이 정의되어있다.
  • bootstrap-responsive.css : UI Component들이 Responsive하게 구성되도록 정의되어있다.
  • bootstrap.js : Bootstrap이 지원하는 Javascript Plugin들을 하나로 합쳐 놓은 파일.
  • jquery.js : bootstrap은 jQuery Plugin으로 구현되어 있기 때문에 jquery를 포함해줘야 한다.
* 필요한 Javascript Plugin만 따로(Ex : bootstrap-transition.js, bootstrap-alert.js) import 할 수도 있다. 

 

{ more about… }