更改 Bootstrap 容器的宽度答案

【问题标题】：Change width of Bootstrap container更改 Bootstrap 容器的宽度
【发布时间】：2017-03-30 18:06:10
【问题描述】：

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

如何在不改变Bootstrap 本身的情况下做到这一点？

我已经尝试过这个媒体查询，但它不起作用。

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

我该怎么做？

【问题讨论】：

【解决方案1】：

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

试试这个方法：

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

【讨论】：

是的，但它仍然无法正常工作。还是谢谢你的回答
从最大宽度切换到宽度我的第二个想法。使用!important 强制 CSS 属性可能会导致一些烦人的错误，如果你使用它太多。
在这种情况下您不应该使用重要的，因为引导程序允许您通过引导程序变量文件更改任何变量，或者只是加载一个新文件以推翻标准引导程序单元。不需要最大宽度，如果您使用它，您将无法再使用流体容器！

【解决方案2】：

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

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

确保您的新文件加载到 bootstrap css 的原始文件下方。在这种情况下不要使用最大宽度。祝你好运！

【讨论】：