我在 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;
 }