1. 기본 클래스
row
span숫자
offset숫자
뷰포트 메타 태그
<meta name=”viewport” content=”width=device-width, initial-scale=.10″ />
미디어 쿼리
<link rel=’stylesheet’ media=’screen and (max-width: 700px)’ href=’css/smartphone.css’ />
@media (min-width: 1200px) { … }
@media (min-width: 768px ) { … }
@media (max-width: 767px) { … }
@media (max-width: 480px) { … }
반응형 선택자
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
2. 템플릿
3. 블록
4. 폼스니펫
<form>
<