Bootstrap

Containers

1) .container : fixed width container
2) .container-fluid : full width container

그리드 시스템

• 한 페이지를 12개의 컬럼으로 나눠서 사용
• <div class = "col-xs-12"> 형식으로 표현 (col-사이즈-컬럼갯수)
• (화면의)사이즈
  • xs : 휴대전화의 경우. 너비 768px미만
  • sm : 태블릿의 경우. 너비 768px 이상
  • md: 소형 노트북의 경우. 너비가 992px 이상
  • lg : 노트북 및 데스크탑의 경우. 너비 1200px이상

BS Typography

• 글자색
  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
• 배경색
  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger