改变boostrap容器的宽度

Question

我需要添加boostrap容器+ 60px。

如果没有changin boostrap本身我该怎么做？

我已尝试过此媒体查询，但它无法正常运行。

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

你可以帮帮我吗？谢谢:)）

Answer 1

只需将您的css代码更改为1260px，如果您不想在引导程序css文件中更改此代码，请创建一个新文件并将其设置为：

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

确保您的新文件加载到bootstrap css的原始文件下面。在这种情况下不要使用max-width。祝你好运！

Answer 2

您是否尝试在CSS定义的末尾添加!important？

尝试这种方式：

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