css - 如何限制大型设备上的 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 到中型设备上的外观和行为符合我想要的方式，但在大型设备(>1200 像素)上展开的列破坏了我的设计。

有没有办法阻止 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>