Bootstrap: how to change width of container
<p>I would like to change the width of container. I am using following code:</p>

<pre><code>@media (min-width: 1200px) {
.container{
max-width:  620px;
}

}



@media(min-width:992px){

.container{
max-width:  620px;
}
}



@media(min-width:768px){

.container{
max-width:  620px;
}
</code></pre>

<p>When the size of the browser starts from 750px the width of .container inheritances the default width of bootstrap.</p>

<p>How can I solve this issue? There is another better way to reach my goal?</p>