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

Question

я следующие дивы, которые используют 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 пикселей на больших устройствах?

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>