Bootstrap3中.container和.container-fluid區別

.container與.container_fluid是bootstrap中的兩種不同類型的外層容器，按照官方的說法，這兩者的區別是：

.container 類用於固定寬度並支持響應式布局的容器。
.container-fluid 類用於 100% 寬度，占據全部視口（viewport）的容器,自動實現響應式。

/*0-768px以上寬度container為100%*/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/*768-992px以上寬度container為750px*/
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
/*992-1200px以上寬度container為970px*/
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
/*1200px以上寬度container為1170px*/
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/*container-fluid為100%*/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}