Bootstrap

Responsive website(반응형 웹사이트)

Bootstrap의 특징중 하나는 쉽게 반응형 웹사이트(컴퓨터, 테블릿, 스마트폰 등 화면의 크기에 맞춰 사이트의 구성이 바뀌는 사이트)를 만들 수 있다는 입니다.
이는 bootstrap의 grid system으로 가능한데, 화면이 큰 경우 한줄에 4칸의 정보를 보여주는 페이지가 이 화면이 작아지면 2줄 2칸의 구성으로 바뀌고 화면이 더 작아지면 4줄 1칸의 구성으로 바뀌는 것 등을 html tag의 class를 추가하는 것만으로 쉽게 설정할 수 있습니다.
자세한 설명은 http://getbootstrap.com/css/#grid 에서 확인해 주세요.

CSS

bootstrap의 css파일에는 tables, forms, buttons 등이 현대적인 스타일로 저장되어 있습니다.
(물론 bootstrap의 css위에 자신의 custom css를 입혀서 사용할 수도 있습니다.)
전체 항목은 http://getbootstrap.com/css 에서 확인해 주세요.

Components

각각 html tag에 대한 스타일 뿐만 아니라 components(하나 이상의 tag로 구성된 html 코드)들, 예를들어, 메뉴바(navbar), 현재위치표시(Breadcrumbs), 페이지표시(pagination) 등도 간단하게 만들 수 있습니다.
전체 항목은 http://getbootstrap.com/components 에서 확인해 주세요.

JS

dropdown, tooltip, carousel 등 javascript가 필요한 구성요소들도 bootstrap에 기본적으로 포함되어 있습니다.
전체 항목은 http://getbootstrap.com/javascript 에서 확인해 주세요.

댓글

댓글쓰기

이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기

UP