在 Bootstrap 3 中将页面宽度设置为最大 970px

我正在使用 Bootstrap 3 构建一个可以在移动设备和桌面上良好显示的网站。客户告诉我页面的最大宽度只能是970px。

我如何使用 Bootstrap 3 执行此操作以确保：

1. 页面仍然位于浏览器屏幕中央吗？

2. Bootstrap 3 中的所有精彩功能仍然存在。

你想要它响应式吗？尝试这个：

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

对于宽度超过 1200 像素的屏幕，这会将容器宽度设置为 970 像素。