twitter-bootstrap
ブートストラップコンテナ

前書き

コンテナ

.containerは、ブートストラップ（xs、sm、md、lg）の各画面サイズに対して1つの固定幅を持ちます。

.container-fluidは、使用可能な幅を埋めるように展開されます。

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

Webページが表示されているビューポートの幅に応じて、コンテナクラスはdivに特定の固定幅を与えます。

一方、.container-fluid要素は、ブラウザの幅を最小限に変更しても、常にサイズが変更されます。