[TIL] Bootstrap

Bootstrap 이란?

반응형 웹디자인을 위한 open-sourece front-end framework
공식블로그 바로가기

Framework

소프트웨어 개발시 공통적으로 필요한 기능들을 재사용 관점에서 모아 구조화한 것

Angular 구글에서 나온 프레임워크
React 페이스북에서 나온 프레임워크
Vue.js 가벼운 프레임워크
Nods.js python에서도 JS를 사용한드아!!

Media Query

@media를 사용하여 미디어 별로 style을 지정하는 것.

Bootstrap은 Mobile-first 방식을 기본 지원하므로 Media query에 포함되지 않은 모든 정의는 768px 미만 디바이스를 위한 것이다.

Container

콘텐츠를 감싸는 grid 시스템의 필수요소

Grid System

poiemaweb.com 바로가기

Break point

Mobile의 경우 breakpoint는 768px 미만(~ 768px)이며 class prefix는 .col-xs-이다.
Desktop의 경우, breakpoint는 992px(992px ~) 이상이며 class prefix는 .col-md-이다.