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

How do I retrieve a listing of a form?

c# asp.net asp.net-mvc

I carry a list with information that comes from my database. This is displayed in a form where the user can edit a field. My intention is when they click the save button this list being displayed f...

I don't fully understand sqlite3_finalize

sql ios sqlite

I don't fully understand sqlite3_finalize. My initialy code.