부트스트랩을 이용한 웹 프레임워크

부트스트랩 (반응형 부트스트랩)

"이미 짜여 있는 틀"

		   css   		   vs		         bss
<style> 속성을 직접 작성			미리 정의된 <style>을 'class'로 적용

Javascript plugin

div : 태그 선택자

div{

  width: 200+h:; //200px

  height: 200  //200px

}

http://bootstrapk.com/css/#grid

컴포넌트

1. 부트스트랩은 반응형 웹디자인을 쉽게 하기 위해 css의 클래스 선택자별 스타일이 정의되어 있고 동적으로 반응하는 요소들을 위해 자바스크립트 라이브러리를 활용한 코딩이 짜여져 있다.

2. 부트스트랩의 구성요소는 css, 그리드 시스템, 컴포넌트, 자바스크립트 라이브러리이다.

3. 그리드 시스템은 한 요소가 차지할 크기를 해상도별로 따로 지정해줄 수 있는데 사용하는 그리드 시스템의 클래스명은 col0lg-, col-md-, col-sm-, col-xs- 이다.