Twitter bootstrap 引导4如何在row类中删除这些边距/填充

我喜欢Bootstrap，但我既不是专家，也不是前端开发人员，而且我总是遇到一个问题。见下图

对于此布局的行和列，我使用以下命令：

<div class="row">
    <div class="col-md-4">...</div>
    <div class="col-md-4">...</div>
    <div class="col-md-4">...</div>
</div>

<div class="row">
    <div class="col-md-4 px-0">...</div>
    <div class="col-md-4">...</div>
    <div class="col-md-4 px-0">...</div>
</div>

...
...
...

---

是否有任何实用程序类来删除行的开头和结尾的空格？我想让第一列和最后一列与下面的红色框相匹配。

在Bootstrap 4中，您可以使用：

<div class="row">
    <div class="col-md-4">...</div>
    <div class="col-md-4">...</div>
    <div class="col-md-4">...</div>
</div>

<div class="row">
    <div class="col-md-4 px-0">...</div>
    <div class="col-md-4">...</div>
    <div class="col-md-4 px-0">...</div>
</div>

...
...
...

---

实用程序类可以工作，但它们会使边元素变大

我找到了解决这个问题的办法。我用一个

div.items-list

来拥抱一切，并将此样式设置为它（它是sass）