twitter-bootstrap
부트 스트랩 컨테이너

소개

컨테이너

.container는 부트 스트랩 (xs, sm, md, lg)의 각 화면 크기에 대해 하나의 고정 폭을가집니다.

.container-fluid는 사용 가능한 너비를 채우기 위해 확장됩니다.

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

웹 페이지가 표시되는 뷰포트의 너비에 따라 컨테이너 클래스는 div에 특정 고정 너비를 제공합니다.

반면에 .container-fluid 요소는 브라우저 너비를 조금만 변경하더라도 크기가 계속 조정됩니다.