Bootstrap: how do I change the width of the container?

alex picture alex · Apr 8, 2013 · Viewed 380k times · Source

I have used Twitter Bootstrap to develop a website with the fixed container class, but now the client wants the website to be 1000px width and not 1170px. I don't use the .less files.

Is there a quick way to fix this?

Answer

mcbjam picture mcbjam · Feb 3, 2015

Here is the solution :

@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}

The advantage of doing this, versus customizing Bootstrap as in @Bastardo's answer, is that it doesn't change the Bootstrap file. For example, if using a CDN, you can still download most of Bootstrap from the CDN.