如何限制大型设备上的Bootstrap列宽

Question

我有以下使用Bootstrap 3.0 CSS的div：

<div class="container">
  <div class="row">
    <div class="col-md-4">
      ...
    </div>
    <div class="col-md-4">
      ...
    </div>
    <div class="col-md-4">
      ...
    </div>
  </div>
</div>

虽然这看起来和我想要的XS到中型设备的方式，大型设备（> 1200px）上的扩展列破坏了我的设计。

有没有办法阻止bootstrap在大型设备上将列宽扩展到95px？

Answer 1

将容器宽度限制为中型设备（970px）的最大容器宽度可以解决问题：

<div class="container" style="max-width: 970px;">
  <div class="row">
    <div class="col-md-4">
      ...
    </div>
    <div class="col-md-4">
      ...
    </div>
    <div class="col-md-4">
      ...
    </div>
  </div>
</div>