Javascript 引导问题（使用React）

我想在我的按钮增量和badge引导类badge badge primary之间留一个余量。 我正在使用的教程已经过时，我很难在网上找到它。使用m-2的合适边距类是什么

 render() {
//React.createElement('div')
return (
  //in curly braces any js statement is valid
  <div>
    <span className="badge badge-primary m-2">
      {this.formatCount()}
    </span>
    <button>Increment</button>
  </div>
);
}

更清楚的是，问题就在这段片段中

<span className="badge badge-primary m-2">

感谢您的回复，我是一名初学者：

对于m-2，您应该在跨度元素的所有四个边上都有0.5 rems的边距。是否应用了badge和badge初级类？我建议使用Google Chrome开发工具=>Elements选项卡=>.cls按钮=>add和remove类来查看元素如何接收样式。请参阅引导间距文档：

编辑：

---

这也可能是因为span元素是一个内联元素，所以请尝试添加类d-block或d-inline-block以查看m-2是否适用，或者从span更改为块级元素，如div。

您使用的boostrap是哪个版本？你能发布一段代码片段来重现你的问题吗？@MarkoGrešak在my package.json中，上面写着3.4.1。我还发布了一段代码片段，在这段代码片段之后，我发现了问题所在，你是什么意思？m-2实用程序类是Bootstrap4的一个特性。谢谢你的回复，我已经看过引导文件了，m-2和mx-2由于某种原因不能工作。我将span更改为div导致错误，添加d-block类不起作用，知道为什么吗？我在您之前的一条评论中指出，您使用的是Bootstrap 3.4.1。这可能就是为什么m-2类没有被应用，因为它是在Bootstrap 4中引入的。我还没有找到如何使用该版本的Boostrap添加边距，所以我要么安装一个更高版本，要么手动应用样式，例如style={{margin:'0.5rem'}}。现在我有了引导：在package.json中找到^4.0.0-alpha.6。m-2仍然不工作。