🔗 코드 참고참고 http://bootstrapk.com/getting-started/<div class="container"></div>sm(small), md(middle), lg(large)적용 대상 - 크기 - 숫자(칸수)로 표현한다.예 :
🔗 Mozilla 공식 문서기기 유형, 해상도, 뷰포트 등에 따라 반응형 웹 디자인을 만들 때 활용.all: 모든 장치에 적합print: 인쇄 결과물 및 출력 미리보기 화면에 표시되는 문서screen: 화면speech: 음성 합성장치media-feature-rule
.w-bar (가로 바).w-bar-block (세로 바)center클래스에서 가로는 bar클래스에 display: inline-block과 width:auto, 세로는 bar-item에 text-align: centerbar-item에 가로는 width:auto, 세