Bootstrap 4 为什么这些引导按钮相互接触？

这两个引导按钮相互接触。我需要添加一些自定义CSS以在它们之间获得一些空间吗？这里的医生彼此不接触

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div class="container-fluid">
  <form>
    <div class="btn-toolbar">
      <button type="submit" class="btn btn-primary">Submit</button>
      <button type="reset" class="btn btn-secondary">Reset</button>
    </div>
  </form>
</div>

提交
重置

---

StackBlitz

按钮相互接触，因为您将它们放在

btn工具栏

（顺便说一句，

btn组

也会这样做）。您可以删除它或使用CSS添加边距。

按钮相互接触，因为您将它们放在

btn工具栏中（顺便说一句，
btn组
也会这样做）。您可以删除它或使用CSS添加边距。
您可以添加：

    <div class="btn-toolbar" style="display: inline">



因此，您的代码如下所示：



提交
重置
您可以添加：

    <div class="btn-toolbar" style="display: inline">



因此，您的代码如下所示：



提交
重置

提交
重置

只需在提交按钮上使用mr-1或在重置按钮上使用ml-1添加边距

提交
重置

只需在提交按钮上使用mr-1添加边距，或在重置按钮上使用ml-1添加边距即可解决该问题，为什么它们仍在触摸此处？如果你用角的话就不一样了。您需要将mr-1添加到第一个按钮类（Submit）或使用css。看看这个链接，它解决了一个，为什么他们仍然在这里接触？如果你用角的话就不一样了。您需要将mr-1添加到第一个按钮类（Submit）或使用css。查看此链接