html - 更改 Bootstrap 容器的宽度

Question

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

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

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

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

我该怎么做？

Answer 1

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

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

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