Как ограничить ширину столбца бутстрапа на больших устройствах

У меня есть следующие div, которые используют Bootstrap 3.0 CSS:

<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) разрушают мой дизайн.

Есть ли способ остановить загрузку от расширения ширины столбца до 95 пикселей на больших устройствах?

Ответы

Ответ 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>