Css 如何在具有引导类的div之间设置边距？

我在一个项目中使用bootstrap，我想在div之间留一个空白，这是我的代码：

<div className="container">
   <div className="row">
      <div className="col-lg-4 col-md-4 col-sm-12 col-12 box">a</div>
      <div className="col-lg-4 col-md-4 col-sm-12 col-12 box mr-1 ml-1">b</div>
      <div className="col-lg-4 col-md-4 col-sm-12 col-12 box">c</div>
   </div>
</div>

A.
B
C

问题是它不会推动其他div并拆分整行，基本上它不会正确地应用保证金

---

如何正确地在这些div之间设置边距？

我通过在所有div中添加另一个div来解决边距问题，如下所示：

<div className="container">
                <div className="row">
                    <div className="col-lg-4 col-md-4 col-sm-12 col-12 ">
                        <div className="box ml-1 mr-1">a</div>
                    </div>
                    <div className="col-lg-4 col-md-4 col-sm-12 col-12 ">
                        <div className="box ml-1 mr-1">b</div>
                    </div>
                    <div className="col-lg-4 col-md-4 col-sm-12 col-12 ">
                        <div className="box ml-1 mr-1">c</div>
                    </div>
                </div>
            </div>

A.
B
C

---

现在，所有三个div都有介于之间的边距。

@Manjuboyz它不能正确地在两者之间应用边距divs@Manjuboyz是的，你能用你自己的方式试试吗？如果代码有效的话，给我看看吗？谢谢你的时间，我解决了这个问题