Setting max width for body using Bootstrap

You don’t have to modify bootstrap-responsive by removing @media (max-width:1200px) …

My application has a max-width of 1600px. Here’s how it worked for me:

1. Create bootstrap-custom.css – As much as possible, I don’t want to override my original bootstrap css.

2. Inside bootstrap-custom.css, override the container-fluid by including this code:

Like this:

/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px; /* or 950px */
}