改变boostrap容器的宽度

Question

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

我怎么能这样做,没有changin boostrap本身？

我试过这个媒体查询,但它不起作用.

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

你能帮帮我吗？谢谢 :)

Answer 1

只需将你的css代码更改为1260px,万一你不想在你的bootstrap css文件中改变它,创建一个新文件并设置如下:

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

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