我在 css 中应用了一些属性，但是由于 bootstrap 的 css 属性，我的属性没有被应用。 我不知道我应该输入什么

Question

在此处输入图像描述

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    **padding-right: calc(var(--bs-gutter-x) * .5);**
    **padding-left: calc(var(--bs-gutter-x) * .5);**
    margin-right: auto;
    margin-left: auto;
}


.container-fluid {
    padding: 3% 15%; //I'm trying to implement this.
}

由于.container-fluid 的属性，我的填充不只应用于左侧和右侧。 我想在左侧和右侧填充。

我也试过应用：padding-left: 0; 填充右：0；

没有任何工作！

Answer 1

对于这样的问题，我也希望看到 html。 根据您分享的内容，我建议您使用其 parent.container 覆盖 css

代码：

.container .container-fluid 
 {
   padding-left: 0px; 
   padding-right: 0px;
 }