Bootstrap：如何更改容器的宽度

Question

我想改变容器的宽度。我使用以下代码：

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

}



@media(min-width:992px){

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



@media(min-width:768px){

.container{
max-width:  620px;
}

当浏览器的大小从750px开始时，.container的宽度会继承bootstrap的默认宽度。

我该如何解决这个问题？还有另一种更好的方法来实现我的目标吗？

Answer 1

最好的方法是更改​​Less / Sass变量值并重新编译样式或使用customize