集装箱

.container 在 bootstrap 中为每个屏幕大小设置一个固定宽度(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 元素将不断调整大小，因为你对浏览器宽度进行了最小的更改。