Css 如何在bootstrap 4.5中删除移动设备行中的填充？

我在我的项目中使用Bootstrap4.5，当在移动设备上打开网站时，我会使用边到边视图

我有一个布局如下

<div class="container">
  <div class="row">
     <div class="col-md-9>...</div>
     <div class="col-md-3>...</div>
</div>

...

因此，当它在桌面上时，它看起来很好，但在移动设备上有太多的填充，我会使内容看起来像边缘到边缘

---

我尝试在

行上使用
无水槽
，并从容器中移除填充物，但这会使桌面版本看起来很糟糕。
您可以为此编写自己的媒体查询，也可以使用引导提供的间距类

class=“p-0”
=
填充：0！重要的

<div class="container mx-0 mx-sm-3">
  <div class="row">
     <div class="col-md-9">...</div>
     <div class="col-md-3">...</div>
     </div>
</div>

...
...


mx-0
将x轴上的容器边距设置为0，然后
mx-sm-3
将小型和大型（sm、md、lg和xl）的容器边距设置回3（1rem）

您可以在html中添加一个名为p-sm-0和p-0的类
或者，您可以仅为mobile添加媒体查询，并在css填充中添加到容器类：0
我通过编写自己的媒体查询解决了此问题，如下所示：

@media screen and (min-width: 600px) { // setting default row and cols values for non mobile screens
  .row {
    margin-left: -15px;
    margin-right: -15px;
}

  .row [class*='col']{
    padding-left: 15px;
    padding-right: 15px;
  }

}

.row {  // setting rows margin and cols padding to 0 for mobile screens
  margin-left: 0;
  margin-right: 0;
}

.row [class*='col']{
  padding-left: 0;
  padding-right: 0;
}

并将其添加到容器类
class=“container px-0 px-sm-3”

结果如下：

填充必须来自
容器
。请使用媒体查询减少容器类中的填充。@SunnyVaghadia这就是我解决问题的方法，您可以在下面检查我的答案container包含填充而不是边距。我怀疑这个密码会起作用。