How to Limit Bootstrap Column Width on Large Devices

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?

Answers


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>

Need Your Help

Backbone fetch() do not reset collection

javascript backbone.js

I have a feeling that I am doing this very badly. I want to fetch and merge models from my server via my Backbone Collection. I have subclassed fetch in my collection to add some custom logic for...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.