How to Limit Bootstrap Column Width on Large Devices

css, twitter-bootstrap, twitter-bootstrap-3

Solution

Limiting the container width to max container width for medium devices (970px) will do the trick:

<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>

Problem

I have the following divs that use 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> ``` While this looks and behaves the way I want on XS to medium-sized devices, the expanded columns on large devices (>1200px) ruin my design. Is there a way to stop bootstrap from expanding column width to 95px on large devices?

Original source