更改 Bootstrap 容器的宽度

Question

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

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

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

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

我该怎么做？

Answer 1

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

试试这个方法：

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

Answer 2

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

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

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

Change width of Bootstrap container