How to choose the container 960px wide and not to 1200px in Bootstrap

Marco Gurnari picture Marco Gurnari · Dec 20, 2012 · Viewed 17.8k times · Source

How to choose the container 960px wide and not to 1200px in Bootstrap?

Answer

calofanas picture calofanas · Nov 21, 2013

Bootstrap sets container width to 1170px on screens wider than 1200px.
For screens from 992px to 1200px width of container is set to 970px. You can read more about bootstrap's grid here
Now if you want to set container to 760px for large screens, you have to locate this and edit in bootstrap.css or add this code to your custom css:

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

and

@media (min-width: 992px) {
  .container {
    width: 960px;
   }
 }

Hope this helps