Bootstrap: how to change width of container

Question

I would like to change the width of container. I am using following 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;
}

When the size of the browser starts from 750px the width of .container inheritances the default width of bootstrap.

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

Answer 1

The best way is to change Less/Sass variable value and recompile styles or use customize