如何限制大型设备上的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>