调整引导容器的宽度

Question

引导.conatiner div具有样式，如下所示：

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

我可以将此1170px宽度改写为80%还是更高？仅在该媒体查询中。

Answer 1

您可以使用内联CSS样式或优先级来覆盖它，因为下层代码会覆盖上层代码：

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

    .container {
        width: 80% !important;
    }
}

请注意：下标代码之后必须带有!important。

Answer 2

<div class="container" width="80%">Contaier body</div>

或者您可以转到CSS文件并更改宽度

.container{
    width:80%;
}